<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <b:attr name='xmlns' value=''/>
  <b:attr name='xmlns:expr' value=''/>
  <b:attr name='xmlns:data' value=''/>

  <!--[ <head> Open ]-->
  &lt;head&gt;

  <b:if cond='data:view.isMultipleItems'>
    <b:if cond='data:view.isHomepage'>
      <!--[ Homepage title ]-->
      <title><data:blog.title.escaped/></title>
      <b:elseif cond='data:view.search.query'/>
      <!--[ Search title ]-->
      <title><data:messages.search/>: <data:view.search.query/></title>
      <b:elseif cond='data:view.search.label'/>
      <!--[ Label title ]-->
      <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
      <b:elseif cond='data:view.isArchive'/>
      <!--[ Archive title ]-->
      <title>الأرشيف : <data:blog.pageName.escaped/></title>
      <b:else/>
      <title><data:blog.title.escaped/></title>
    </b:if>
    <b:elseif cond='data:view.isError'/>
    <!--[ Error title ]-->
    <title>خطأ 404 : عذرا حدث خطأ</title>
    <b:else/>
    <!--[ SingleItem title ]-->
    <title><data:blog.pageName.escaped/></title>
  </b:if>
  <b:if cond='!data:view.isError'>
    <!-- Default Meta -->
    <b:include name='DefaultMeta'/>
    <!-- Open Graph -->
    <b:include name='OpenGraph'/>
    <!-- Twitter Card -->
    <b:include name='TwitterCard'/>

    <!-- Required -->
    <meta charset='UTF-8'/>
    <meta content='website' property='og:type'/>
    <meta content='article' property='og:type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='blogger' name='generator'/>
    <meta expr:content='data:blog.title.escaped' name='title'/>
    <meta content='الكلمات المفتاحية' name='keywords'/>
    <meta content=' نيتش المدونة ' name=' Classification'/>
    <meta content='اسم تطبيق المدونة' name='application-name'/>
    <meta content='اسم مالك المدونة' name='author'/>
    <meta content='بريدك الالكترونى' name='Email'/>
    <meta content='معرف تطبيق الفيسبوك' property='fb:app_id'/>
    <meta content='معرف مدير حساب التطبيق' property='fb:admins'/>
    <b:if cond='data:view.isSingleItem'>
      <meta content='رابط صفحة المدونة على فيسبوك' property='article:publisher'/> 
      <meta content='رابط حساب المؤلف على فيسبوك' property='article:author'/>
      <meta content='اسم حساب تويتر' name='twitter:site'/>
    </b:if>
  </b:if>

  <b:if cond='data:view.isLayoutMode'>
    <!--[ CSS Layout ]-->
    <b:template-skin><![CDATA[
body#layout,body#layout.rtl{direction:rtl}body#layout{margin:0 auto!important;background:url(https://3.bp.blogspot.com/-7be7oo1TgG4/WmSZXInnR5I/AAAAAAAAACc/z04mSX3fHpIblUl88DdieGnJXce4oIlwwCLcBGAs/s1600/pattern.png) #efefef;min-height:100%!important;width:778px;padding:0 10px!important}body#layout.ltr{direction:ltr}body#layout:before{content:'';margin-bottom:10px;background:url(https://i.ibb.co/yPjzs8k/machroo3-template-free.png) center center/100% no-repeat;display:block;height:200px}body#layout .clear{height:1px;clear:both;display:block;width:100%}body#layout .section .widget-content{border-radius:2px;min-height:50px}body#layout .draggable-widget .widget-wrap3{background:0 0}body#layout .section h4,body#layout div#Author-profiles{display:none}body#layout div.layout-title{color:#0099ff;font-weight:700;font-size:13px!important}body#layout.rtl div.layout-title,body#layout.rtl div.layout-widget-description{text-align:right}body#layout.ltr div.layout-title,body#layout.ltr div.layout-widget-description{text-align:left}body#layout div.layout-widget-description{color:#2e2e2e!important;font-size:11px!important;line-height:16px}body#layout div.layout-title,body#layout div.layout-widget-description{font-family:system-ui}body#layout .main-container .section{margin:0;border:0;padding:0;background:0;font-size:0;height:auto}body#layout div.section>div.add_widget{margin-top:0;padding:7px 15px;border:none;border-bottom:2px solid #c7c7c7}body#layout div.section>div.add_widget:hover{border-bottom:2px solid #0099ff}body#layout .add-icon{background-color:#d8d8d8;border-radius:2px}body#layout div.section>div.add_widget:hover .add-icon{background-color:#ffa163}body#layout div.section>div.widget{margin-top:0;margin-bottom:10px}body#layout .section .widget a.editlink{border:0;padding:3px 15px;color:#fff!important;background:#0099ff;text-decoration:none;border-radius:3px;height:20px;font:700 11px/18px system-ui}body#layout.rtl .section .widget a.editlink{right:auto;left:10px}body#layout.ltr .section .widget a.editlink{left:auto;right:10px}body#layout .section .widget a.editlink:hover{background:#2e2e2e;color:#fff!important}body#layout .visibility .editlink.icon{margin-top:15px}body#layout .add_widget{border:1px dashed rgba(0,0,0,.3);margin-bottom:5px;margin-top:0}body#layout .add_widget:hover{border:1px dashed rgba(0,0,0,.5)}body#layout .section .add_widget a{color:#757575;font-weight:500;font-family:system-ui;font-size:14px;text-decoration:none!important}body#layout.rtl .section .add_widget a{margin-left:40px;margin-right:0}body#layout.ltr .section .add_widget a{margin-right:40px;margin-left:0}body#layout div.widget-content{padding:10px 15px}body#layout .draggable-widget div.widget-wrap2{background-color:#d95700}body#layout .dr_active:before{content:'\افلت  هُنا';font-family:system-ui;font-size:25px;padding-top:25px;display:block;font-weight:700}body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed #d95700;color:#d95700;margin-bottom:30px;top:20px;border-radius:100px}body#layout .widget.locked-widget:before{content:'';font-size:14px;position:absolute;z-index:2;top:0;background-color:#0099ff;background-image:url(https://www7.0zz0.com/2022/05/19/00/692734685.png);background-size:17px;background-repeat:no-repeat;background-position:center center;width:20px;height:17px;line-height:1em;padding-top:3px;border-radius:0 0 2px}body#layout.rtl .widget.locked-widget:before{left:0}body#layout.ltr .widget.locked-widget:before{right:0}body#layout .widget .visibility .layout-widget-state{margin-top:12px;opacity:1!important}body#layout.rtl .widget .visibility .layout-widget-state{float:right;background-repeat:repeat-y}body#layout.ltr .widget .visibility .layout-widget-state{float:left;background-repeat:repeat-y}.layout-widget-state.visible{background-position:center -1px!important}.layout-widget-state.not-visible{background-position:center -23px!important}body#layout .blogContent,body#layout .creditInner_container,body#layout .header_container,body#layout .template-settings{display:flex}body#layout .template-settings>div.section{width:50%;flex:0 1 50%}body#layout #header_widget,body#layout #main_menu{width:50%}body#layout .blogContent .mainbar{width:60%}body#layout .blogContent .sidebar{width:40%}body#layout .creditInner_container>div{flex-grow:0;width:33.33%}body#layout #Author-Section,body#layout #ads-widget,body#layout #header,body#layout #main-wrapper,body#layout #sidebar-wrapper,body#layout .footer,body#layout .template-settings{margin-top:60px;position:relative}body#layout #Author-Section:before,body#layout #ads-widget:before,body#layout #header:before,body#layout #main-wrapper:before,body#layout #sidebar-wrapper:before,body#layout .footer:before,body#layout .template-settings:before{content:'رأس  المدونة';display:block;position:absolute;right:0;left:0;top:-50px;border-radius:3px;font-family:system-ui;font-size:18px;font-weight:600;height:40px;line-height:35px;width:98%;margin:0 auto;text-align:center;background:#111a24;color:#f2f2f2}body#layout #main-wrapper:before{content:'منطقة  التدوينات'}body#layout #sidebar-wrapper:before{content:'الشريط  الجانبي'}body#layout #ads-widget:before{content:'إعدادات  الإعلانات'}body#layout #Author-Section:before{content:'قسم  الكتاب'}body#layout .footer:before{content:'الفـــــوتــــر'}body#layout .template-settings:before{content:'إعدادات  القالب'}.widget.ContactForm.draggable-widget#ContactForm396 {display: none;}
 ]]></b:template-skin>
  </b:if>

  <!--[ CSS stylesheet ]-->
  <b:skin><![CDATA[
/* Variables */
<Group description="الألوان الخارجية">
<Variable name="themeColor" description="لون شريط البحث الخاص بالمتصفح في الهاتف" type="color" default="#fefefe" value="#0099ff"/>
<Variable name="body.background" description="الخلفية" type="background" color="#ddd" default="$(color) url() repeat fixed top center"  value="$(color) url() repeat fixed top center"/>
</Group>
<Group description=" أساسي" selector="body">
<Variable name="title.color" description="لون العناوين" type="color" default="#262d3d" value="#0099ff"/>
<Variable name="text.color" description="لون النص" type="color" default="#2e2e2e" value="#000000"/>
<Variable name="body.bg" description="لون الخلفية" type="color" default="#fff" value="#fefefe"/>
<Variable name="keycolor" description="اللون الرئيسي" type="color" default="#0099ff" value="#0099ff"/>
<Variable name="icon.color" description="لون الإيقونات" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="المساحات">
<Variable name="header.height" description="إرتفاع رأس المدونة" type="length" max="90px" default="70px" value="70px"/>
<Variable name="sidebar.width" description="عرض الشريط الجانبي" type="length" max="350px" default="330px" value="330px"/>
<Variable name="blog.width" description="عرض المدونة" type="length" max="1400px" min="900px" default="1200px" value="1200px"/>
</Group>
<Group description="الشريط العلوي" selector="#header">
<Variable name="header.back" description="خلفية الشريط" type="color" default="#fff" value="#0099ff"/>
<Variable name="header.link.color" description="لون الروابط" type="color" default="#2e2e2e" value="#fefefe"/>
<Variable name="header.search.color" description="لون مربع البحث" type="color" default="#2e2e2e" value="#000000"/>
<Variable name="header.search.back" description="خلفية مربع البحث" type="color" default="#f7f7f7" value="#fefefe"/>
<Variable name="header.nav.btn" description="لون زر القائمة" type="color" default="$(keycolor)" value="#fefefe"/>
</Group>
<Group description="المشاركات" selector=".post-body">
<Variable name="post.title" description="لون العناوين" type="color" default="#000" value="#0099ff"/>
d<Variable name="linear.bgAlt" description="اللون المتدرج" type="color" default="#0099ff" value="#0099ff"/>
</Group>
<Group description="الشريط الجانبي" selector="aside">
<Variable name="aside.title" description="عنوان العناصر" type="color" default="#262d3d" value="#000000"/>
<Variable name="aside.link" description="لون الروابط" type="color" default="#0099ff" value="#0099ff"/>
<Variable name="aside.text" description="لون النصوص" type="color" default="#2e2e2e" value="#000000"/>
<Variable name="aside.bg" description="خلفية العناصر" type="color" default="#fff" value="#ffffff"/>
</Group>
<Group description="الفوتر" selector=".creditInner">
<Variable name="footer.back" description="لون الخلفية" type="color" default="#fefefe" value="#0075ff"/>
<Variable name="footer.title" description="عنوان العناصر" type="color" default="#262d3d" value="#000000"/>
<Variable name="footer.link" description="لون الروابط" type="color" default="#0099ff" value="#000000"/>
<Variable name="footer.text" description="لون النصوص" type="color" default="#2e2e2e" value="#000000"/>
</Group>
<Group description="comment required">
<Variable name="body.text.font" description="Font Blogger comment" type="font" default="&#39;Roboto&#39;, sans-serif" value="400 14px &#39;Roboto&#39;, sans-serif"/>
<Variable name="body.text.color" description="Color" type="color" default="#505050"  value="#000000"/>
<Variable name="body.link.color" description="Link color" type="color" default="#262d3d"  value="#000000"/>
<Variable name="posts.title.color" description="Post title color" type="color" default="#262d3d"  value="#000000"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="#48525c"  value="#000000"/>
<Variable name="posts.icons.color" description="Post info color" type="color" default="#262d3d" value="#000000"/>
<Variable name="posts.background.color" description="Post background color" type="color" default="#f7f7fc"  value="#dddddd"/>
<Variable name="tabs.font" description="Font" type="font" default="&#39;Roboto&#39;, sans-serif" value="400 14px &#39;Roboto&#39;, sans-serif"/>
<Variable name="tabs.color" description="Text color" type="color" default="#4d4d4d"  value="#000000"/>
<Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff"  value="#ffffff"/>
<Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="$(posts.background.color)"  value="#f7f7fc"/>
<Variable name="tabs.overflow.color" description="Popup text color" type="color" default="#48525c"  value="#5c5248"/>
<Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="#262d3d"  value="#3d3626"/>
<Variable name="labels.background.color" description="Labels background color" type="color" default="#fff" value="#ffffff"/>
<Variable name="blog.title.font" description="Blog title font" type="font" default="&#39;Roboto&#39;, sans-serif" value="400 14px &#39;Roboto&#39;, sans-serif"/>
<Variable name="blog.title.color" description="Blog title color" type="color" default="#fff" value="#ffffff"/>
</Group>
*/

/* Font Body */ @font-face{font-family:Changa;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckY5y-au8.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Changa;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckaJy-au8.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Changa;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckZpy-.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Changa;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckY5y-au8.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Changa;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckaJy-au8.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Changa;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckZpy-.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Changa;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckY5y-au8.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Changa;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckaJy-au8.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Changa;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckZpy-.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Changa;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckY5y-au8.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Changa;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckaJy-au8.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Changa;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/changa/v20/2-cm9JNi2YuVOUckZpy-.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Source Code Font */ @font-face {font-family: 'Fira Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2')}

/* Icons SVG */ .fa-facebook{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%232e2e2e"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>') center no-repeat}.fa-tiktok{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg>') center no-repeat}.fa-insagram,.fa-instagram{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>') center no-repeat}.fa-youtube{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>') center no-repeat}.fa-pinterest{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%232e2e2e"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg>') center no-repeat}.fa-twitter{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232e2e2e"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>') center no-repeat}.fa-linkedin{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg>') center no-repeat}.fa-reddit{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232e2e2e"><path d="M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z"/></svg>') center no-repeat}.fa-messenger{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232e2e2e"><path d="M256.55 8C116.52 8 8 110.34 8 248.57c0 72.3 29.71 134.78 78.07 177.94 8.35 7.51 6.63 11.86 8.05 58.23A19.92 19.92 0 0 0 122 502.31c52.91-23.3 53.59-25.14 62.56-22.7C337.85 521.8 504 423.7 504 248.57 504 110.34 396.59 8 256.55 8zm149.24 185.13l-73 115.57a37.37 37.37 0 0 1-53.91 9.93l-58.08-43.47a15 15 0 0 0-18 0l-78.37 59.44c-10.46 7.93-24.16-4.6-17.11-15.67l73-115.57a37.36 37.36 0 0 1 53.91-9.93l58.06 43.46a15 15 0 0 0 18 0l78.41-59.38c10.44-7.98 24.14 4.54 17.09 15.62z"/></svg>') center no-repeat}.fa-whatsapp{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>') center no-repeat}.fa-behance{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%232e2e2e"><path d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z"/></svg>') center no-repeat}.fa-blogger{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M446.6 222.7c-1.8-8-6.8-15.4-12.5-18.5-1.8-1-13-2.2-25-2.7-20.1-.9-22.3-1.3-28.7-5-10.1-5.9-12.8-12.3-12.9-29.5-.1-33-13.8-63.7-40.9-91.3-19.3-19.7-40.9-33-65.5-40.5-5.9-1.8-19.1-2.4-63.3-2.9-69.4-.8-84.8.6-108.4 10C45.9 59.5 14.7 96.1 3.3 142.9 1.2 151.7.7 165.8.2 246.8c-.6 101.5.1 116.4 6.4 136.5 15.6 49.6 59.9 86.3 104.4 94.3 14.8 2.7 197.3 3.3 216 .8 32.5-4.4 58-17.5 81.9-41.9 17.3-17.7 28.1-36.8 35.2-62.1 4.9-17.6 4.5-142.8 2.5-151.7zm-322.1-63.6c7.8-7.9 10-8.2 58.8-8.2 43.9 0 45.4.1 51.8 3.4 9.3 4.7 13.4 11.3 13.4 21.9 0 9.5-3.8 16.2-12.3 21.6-4.6 2.9-7.3 3.1-50.3 3.3-26.5.2-47.7-.4-50.8-1.2-16.6-4.7-22.8-28.5-10.6-40.8zm191.8 199.8l-14.9 2.4-77.5.9c-68.1.8-87.3-.4-90.9-2-7.1-3.1-13.8-11.7-14.9-19.4-1.1-7.3 2.6-17.3 8.2-22.4 7.1-6.4 10.2-6.6 97.3-6.7 89.6-.1 89.1-.1 97.6 7.8 12.1 11.3 9.5 31.2-4.9 39.4z"/></svg>') center no-repeat}.fa-discord{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="%232e2e2e"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"/></svg>') center no-repeat}.fa-github{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" fill="%232e2e2e"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>') center no-repeat}.fa-google-play{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232e2e2e"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"/></svg>') center no-repeat}.fa-paypal{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%232e2e2e"><path d="M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9 152.3 0 165.1-3.7 204 11.4 60.1 23.3 65.6 79.5 44 140.3-21.5 62.6-72.5 89.5-140.1 90.3-43.4.7-69.5-7-75.3 24.2zM357.1 152c-1.8-1.3-2.5-1.8-3 1.3-2 11.4-5.1 22.5-8.8 33.6-39.9 113.8-150.5 103.9-204.5 103.9-6.1 0-10.1 3.3-10.9 9.4-22.6 140.4-27.1 169.7-27.1 169.7-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9.7-5.4-1.1 6.1 14.4-91.3 4.6-22 14.3-19.7 29.3-19.7 71 0 126.4-28.8 142.9-112.3 6.5-34.8 4.6-71.4-23.8-92.6z"/></svg>') center no-repeat}.fa-quora{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M440.5 386.7h-29.3c-1.5 13.5-10.5 30.8-33 30.8-20.5 0-35.3-14.2-49.5-35.8 44.2-34.2 74.7-87.5 74.7-153C403.5 111.2 306.8 32 205 32 105.3 32 7.3 111.7 7.3 228.7c0 134.1 131.3 221.6 249 189C276 451.3 302 480 351.5 480c81.8 0 90.8-75.3 89-93.3zM297 329.2C277.5 300 253.3 277 205.5 277c-30.5 0-54.3 10-69 22.8l12.2 24.3c6.2-3 13-4 19.8-4 35.5 0 53.7 30.8 69.2 61.3-10 3-20.7 4.2-32.7 4.2-75 0-107.5-53-107.5-156.7C97.5 124.5 130 71 205 71c76.2 0 108.7 53.5 108.7 157.7.1 41.8-5.4 75.6-16.7 100.5z"/></svg>') center no-repeat}.fa-shopify{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M388.32,104.1a4.66,4.66,0,0,0-4.4-4c-2,0-37.23-.8-37.23-.8s-21.61-20.82-29.62-28.83V503.2L442.76,472S388.72,106.5,388.32,104.1ZM288.65,70.47a116.67,116.67,0,0,0-7.21-17.61C271,32.85,255.42,22,237,22a15,15,0,0,0-4,.4c-.4-.8-1.2-1.2-1.6-2C223.4,11.63,213,7.63,200.58,8c-24,.8-48,18-67.25,48.83-13.61,21.62-24,48.84-26.82,70.06-27.62,8.4-46.83,14.41-47.23,14.81-14,4.4-14.41,4.8-16,18-1.2,10-38,291.82-38,291.82L307.86,504V65.67a41.66,41.66,0,0,0-4.4.4S297.86,67.67,288.65,70.47ZM233.41,87.69c-16,4.8-33.63,10.4-50.84,15.61,4.8-18.82,14.41-37.63,25.62-50,4.4-4.4,10.41-9.61,17.21-12.81C232.21,54.86,233.81,74.48,233.41,87.69ZM200.58,24.44A27.49,27.49,0,0,1,215,28c-6.4,3.2-12.81,8.41-18.81,14.41-15.21,16.42-26.82,42-31.62,66.45-14.42,4.41-28.83,8.81-42,12.81C131.33,83.28,163.75,25.24,200.58,24.44ZM154.15,244.61c1.6,25.61,69.25,31.22,73.25,91.66,2.8,47.64-25.22,80.06-65.65,82.47-48.83,3.2-75.65-25.62-75.65-25.62l10.4-44s26.82,20.42,48.44,18.82c14-.8,19.22-12.41,18.81-20.42-2-33.62-57.24-31.62-60.84-86.86-3.2-46.44,27.22-93.27,94.47-97.68,26-1.6,39.23,4.81,39.23,4.81L221.4,225.39s-17.21-8-37.63-6.4C154.15,221,153.75,239.8,154.15,244.61ZM249.42,82.88c0-12-1.6-29.22-7.21-43.63,18.42,3.6,27.22,24,31.23,36.43Q262.63,78.68,249.42,82.88Z"/></svg>') center no-repeat}.fa-steam{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M395.5 177.5c0 33.8-27.5 61-61 61-33.8 0-61-27.3-61-61s27.3-61 61-61c33.5 0 61 27.2 61 61zm52.5.2c0 63-51 113.8-113.7 113.8L225 371.3c-4 43-40.5 76.8-84.5 76.8-40.5 0-74.7-28.8-83-67L0 358V250.7L97.2 290c15.1-9.2 32.2-13.3 52-11.5l71-101.7c.5-62.3 51.5-112.8 114-112.8C397 64 448 115 448 177.7zM203 363c0-34.7-27.8-62.5-62.5-62.5-4.5 0-9 .5-13.5 1.5l26 10.5c25.5 10.2 38 39 27.7 64.5-10.2 25.5-39.2 38-64.7 27.5-10.2-4-20.5-8.3-30.7-12.2 10.5 19.7 31.2 33.2 55.2 33.2 34.7 0 62.5-27.8 62.5-62.5zm207.5-185.3c0-42-34.3-76.2-76.2-76.2-42.3 0-76.5 34.2-76.5 76.2 0 42.2 34.3 76.2 76.5 76.2 41.9.1 76.2-33.9 76.2-76.2z"/></svg>') center no-repeat}.fa-telegram{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M511.6 36.86l-64 415.1c-1.5 9.734-7.375 18.22-15.97 23.05c-4.844 2.719-10.27 4.097-15.68 4.097c-4.188 0-8.319-.8154-12.29-2.472l-122.6-51.1l-50.86 76.29C226.3 508.5 219.8 512 212.8 512C201.3 512 192 502.7 192 491.2v-96.18c0-7.115 2.372-14.03 6.742-19.64L416 96l-293.7 264.3L19.69 317.5C8.438 312.8 .8125 302.2 .0625 289.1s5.469-23.72 16.06-29.77l448-255.1c10.69-6.109 23.88-5.547 34 1.406S513.5 24.72 511.6 36.86z"/></svg>') center no-repeat}.fa-tumblr{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%232e2e2e"><path d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"/></svg>') center no-repeat}.fa-twitch{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232e2e2e"><path d="M391.17,103.47H352.54v109.7h38.63ZM285,103H246.37V212.75H285ZM120.83,0,24.31,91.42V420.58H140.14V512l96.53-91.42h77.25L487.69,256V0ZM449.07,237.75l-77.22,73.12H294.61l-67.6,64v-64H140.14V36.58H449.07Z"/></svg>') center no-repeat}.fa-unity{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232e2e2e"><path d="M243.583 91.6027L323.695 138.384C326.575 140.026 326.68 144.583 323.695 146.225L228.503 201.854C225.623 203.55 222.22 203.444 219.549 201.854L124.357 146.225C121.425 144.636 121.373 139.973 124.357 138.384L204.417 91.6027V0L0 119.417V358.252L78.3843 312.477V218.914C78.3319 215.576 82.2066 213.192 85.0865 214.993L180.279 270.622C183.159 272.318 184.782 275.338 184.782 278.464V389.669C184.834 393.007 180.959 395.391 178.079 393.589L97.9673 346.808L19.583 392.583L224 512L428.417 392.583L350.033 346.808L269.921 393.589C267.093 395.338 263.114 393.06 263.218 389.669V278.464C263.218 275.126 265.051 272.159 267.721 270.622L362.914 214.993C365.741 213.245 369.72 215.47 369.616 218.914V312.477L448 358.252V119.417L243.583 0V91.6027Z"/></svg>') center no-repeat}.fa-codepen{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232e2e2e"><path d="M502.285 159.704l-234-156c-7.987-4.915-16.511-4.96-24.571 0l-234 156C3.714 163.703 0 170.847 0 177.989v155.2e2e2ec0 7.143 3.714 14.286 9.715 18.286l234 156.022c7.987 4.915 16.511 4.96 24.571 0l234-156.022c6-3.2e2e2e 9.715-11.143 9.715-18.286V177.989c-.001-7.142-3.715-14.286-9.716-18.285zM278 63.131l172.286 114.858-76.857 51.429L278 165.703V63.131zm-44 0v102.572l-95.429 63.715-76.857-51.429L234 63.131zM44 219.132l55.143 36.857L44 292.846v-73.714zm190 229.715L61.714 333.989l76.857-51.429L234 346.275v102.572zm22-140.858l-77.715-52 77.715-52 77.715 52-77.715 52zm22 140.858V346.275l95.429-63.715 76.857 51.429L278 448.847zm190-156.001l-55.143-36.857L468 219.132v73.714z"/></svg>') center no-repeat}.fa-patreon{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232e2e2e"><path d="M512 194.8c0 101.3-82.4 183.8-183.8 183.8-101.7 0-184.4-82.4-184.4-183.8 0-101.6 82.7-184.3 184.4-184.3C429.6 10.5 512 93.2 512 194.8zM0 501.5h90v-491H0v491z"/></svg>') center no-repeat}.fa-dribbble{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232e2e2e"><path d="M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248 248-111.252 248-248S392.748 8 256 8zm163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955-6.984-1.477-77.018-15.682-147.502-6.818-5.752-14.041-11.181-26.393-18.617-41.614 78.321-31.977 113.818-77.482 118.284-83.523zM396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519-34.712-63.776-73.185-116.168-79.04-124.008 67.176-16.193 137.966 1.27 190.061 47.489zm-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62zM44.17 256.323c0-2.166.043-4.322.108-6.473 9.268.19 111.92 1.513 217.706-30.146 6.064 11.868 11.857 23.915 17.174 35.949-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323zm81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756 29.74 77.283 42.039 142.053 45.189 160.638-68.112 29.013-150.015 21.053-212.768-27.882zm248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033 66.38-10.626 124.7 6.768 131.947 9.055-9.442 58.941-43.273 109.844-90.795 141.978z"/></svg>') center no-repeat}.fa-spotify{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" fill="%232e2e2e"><path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>') center no-repeat}.fa-snapchat{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M496.926,366.6c-3.373-9.176-9.8-14.086-17.112-18.153-1.376-.806-2.641-1.451-3.72-1.947-2.182-1.128-4.414-2.22-6.634-3.373-22.8-12.09-40.609-27.341-52.959-45.42a102.889,102.889,0,0,1-9.089-16.12c-1.054-3.013-1-4.724-.248-6.287a10.221,10.221,0,0,1,2.914-3.038c3.918-2.591,7.96-5.22,10.7-6.993,4.885-3.162,8.754-5.667,11.246-7.44,9.362-6.547,15.909-13.5,20-21.278a42.371,42.371,0,0,0,2.1-35.191c-6.2-16.318-21.613-26.449-40.287-26.449a55.543,55.543,0,0,0-11.718,1.24c-1.029.224-2.059.459-3.063.72.174-11.16-.074-22.94-1.066-34.534-3.522-40.758-17.794-62.123-32.674-79.16A130.167,130.167,0,0,0,332.1,36.443C309.515,23.547,283.91,17,256,17S202.6,23.547,180,36.443a129.735,129.735,0,0,0-33.281,26.783c-14.88,17.038-29.152,38.44-32.673,79.161-.992,11.594-1.24,23.435-1.079,34.533-1-.26-2.021-.5-3.051-.719a55.461,55.461,0,0,0-11.717-1.24c-18.687,0-34.125,10.131-40.3,26.449a42.423,42.423,0,0,0,2.046,35.228c4.105,7.774,10.652,14.731,20.014,21.278,2.48,1.736,6.361,4.24,11.246,7.44,2.641,1.711,6.5,4.216,10.28,6.72a11.054,11.054,0,0,1,3.3,3.311c.794,1.624.818,3.373-.36,6.6a102.02,102.02,0,0,1-8.94,15.785c-12.077,17.669-29.363,32.648-51.434,44.639C32.355,348.608,20.2,352.75,15.069,366.7c-3.868,10.528-1.339,22.506,8.494,32.6a49.137,49.137,0,0,0,12.4,9.387,134.337,134.337,0,0,0,30.342,12.139,20.024,20.024,0,0,1,6.126,2.741c3.583,3.137,3.075,7.861,7.849,14.78a34.468,34.468,0,0,0,8.977,9.127c10.019,6.919,21.278,7.353,33.207,7.811,10.776.41,22.989.881,36.939,5.481,5.778,1.91,11.78,5.605,18.736,9.92C194.842,480.951,217.707,495,255.973,495s61.292-14.123,78.118-24.428c6.907-4.24,12.872-7.9,18.489-9.758,13.949-4.613,26.163-5.072,36.939-5.481,11.928-.459,23.187-.893,33.206-7.812a34.584,34.584,0,0,0,10.218-11.16c3.434-5.84,3.348-9.919,6.572-12.771a18.971,18.971,0,0,1,5.753-2.629A134.893,134.893,0,0,0,476.02,408.71a48.344,48.344,0,0,0,13.019-10.193l.124-.149C498.389,388.5,500.708,376.867,496.926,366.6Zm-34.013,18.277c-20.745,11.458-34.533,10.23-45.259,17.137-9.114,5.865-3.72,18.513-10.342,23.076-8.134,5.617-32.177-.4-63.239,9.858-25.618,8.469-41.961,32.822-88.038,32.822s-62.036-24.3-88.076-32.884c-31-10.255-55.092-4.241-63.239-9.858-6.609-4.563-1.24-17.211-10.341-23.076-10.739-6.907-24.527-5.679-45.26-17.075-13.206-7.291-5.716-11.8-1.314-13.937,75.143-36.381,87.133-92.552,87.666-96.719.645-5.046,1.364-9.014-4.191-14.148-5.369-4.96-29.189-19.7-35.8-24.316-10.937-7.638-15.748-15.264-12.2-24.638,2.48-6.485,8.531-8.928,14.879-8.928a27.643,27.643,0,0,1,5.965.67c12,2.6,23.659,8.617,30.392,10.242a10.749,10.749,0,0,0,2.48.335c3.6,0,4.86-1.811,4.612-5.927-.768-13.132-2.628-38.725-.558-62.644,2.84-32.909,13.442-49.215,26.04-63.636,6.051-6.932,34.484-36.976,88.857-36.976s82.88,29.92,88.931,36.827c12.611,14.421,23.225,30.727,26.04,63.636,2.071,23.919.285,49.525-.558,62.644-.285,4.327,1.017,5.927,4.613,5.927a10.648,10.648,0,0,0,2.48-.335c6.745-1.624,18.4-7.638,30.4-10.242a27.641,27.641,0,0,1,5.964-.67c6.386,0,12.4,2.48,14.88,8.928,3.546,9.374-1.24,17-12.189,24.639-6.609,4.612-30.429,19.343-35.8,24.315-5.568,5.134-4.836,9.1-4.191,14.149.533,4.228,12.511,60.4,87.666,96.718C468.629,373.011,476.119,377.524,462.913,384.877Z"/></svg>') center no-repeat}.fa-soundcloud{background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"/></svg>') center no-repeat}

/* Standar CSS */ iframe,img{display:block;max-width:100%}.clear,ul{margin:0;padding:0}.img-link,img{position:relative;height:100%}.fullClose,.invisible{visibility:hidden}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;color:$(title.color)}h1{font-size:1.8rem}h2{font-size:1.7rem}h3{font-size:1.5rem}h4{font-size:1.3rem}h5{font-size:1.2rem}h6{font-size:1.1rem}a{color:$(keycolor);text-decoration:none}ul{list-style:none}ol li::marker,ul li::marker{font-weight:700}.postBody ol li,.postBody ul li{font-size:17px}.postBody ul{list-style:initial;margin:initial;padding:revert}table{border-spacing:0}iframe{border:0;margin-left:auto;margin-right:auto}button,input,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:normal;vertical-align:baseline}img{object-fit:cover;transition:.5s}svg{width:20px;height:20px;fill:$(icon.color)}svg .line,svg.line{fill:none!important;stroke:$(icon.color);stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}.qw .svg-c{fill:$(keycolor);stroke:none}.svg-c{stroke:$(keycolor);fill:none}.hidden,.replaced{display:none}.clear{width:100%;display:block;float:none;clear:both}.d-flex{display:flex}.al-center{align-items:center}.no-items.section{padding:0!important;margin:0!important}.main_container{max-width:$(blog.width);margin-left:auto;margin-right:auto}.blogContent img{max-width:100%;height:auto;background:linear-gradient(to left, $(linear.bgAlt) -30%, #fff)}.img-link{overflow:hidden;display:block;width:100%}.main_content img:hover{transform:scale(1.1) rotate(2deg)}.onItem .blogPosts .hentry:hover img,.postEntry img:hover{transform:none!important}.fullClose{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;-webkit-transition:.2s;transition:.2s;background:0 0;opacity:0}

/* Main Element */ .mainWrapper,body{position:relative}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0!important;width:100%;line-height:28px;font-family:Changa,sans-serif!important;font-size:14px;color:$(text.color);background-color:$(body.bg)!important;-webkit-font-smoothing:antialiased;word-break:break-word}

/* Ads */ 
#qw_ad{margin-bottom:40px}.qw-ads{max-width:100%;;clear: both;text-align:center}#aftershare-ad{margin:0 auto;}#aftershare-adAlt {max-width:100%;text-align: center;clear: both;}.ads_place{display:flex;justify-content:center;align-items:center;height:90px;border:1px solid #ddd}.ads_place.sided{height:460px;width:85%;margin:0 auto}

/* Header */ .header-widget h1 a,.header-widget p{white-space:nowrap;overflow:hidden;color:#fff;text-overflow:ellipsis;height:$(header.height)}#header_widget,.header-widget,.header-widget h1,.header-widget h1 a,.header-widget img,.header-widget p,.header_container{height:$(header.height)}.header{top:0;right:0;width:100%;z-index:10;position:absolute;transition:.5s;background-color:$(header.back);border-bottom:1px solid #ddd}#header_widget{width:25%;line-height:$(header.height)}.header-widget img{object-fit:contain}.header-widget h1 a{color:#fff;display:block;font-size:25px}.header-widget p{margin:0!important;padding-top:5px}.header-widget a.header-image-wrapper img {max-width: 150px}
/* Menu */ .header_icon{width:25%;display:flex;justify-content:flex-end;margin-right:auto}.off-menu-icon{width:25px;height:20px;float:left;position:relative}.off-menu-icon .line{width:100%;height:3px;display:block;margin-bottom:4px;border-radius:5px;background-color:$(header.nav.btn);transition:.3s}.bottom.line,.top.line{position:static;top:8px;transform:rotate(0)}.navInput:checked~.mainWrapper .top.line{position:absolute;transform:rotate(45deg)}.navInput:checked~.mainWrapper .bottom.line{position:absolute;transform:rotate(-45deg)}.navInput:checked~.mainWrapper .middle.line{display:none}#main_menu{position:absolute;top:calc($(header.height) - 1px);right:0;border-bottom:1px solid #ddd;z-index:10;background-color:#0099ff;opacity:0;visibility:hidden;width:100%}.navInput:checked~.mainWrapper #main_menu,.navInput:checked~.mainWrapper .closemenu{opacity:1;visibility:visible}.htmlMenu.nav{overflow-x:scroll;padding-right:10px}.htmlMenu.nav::-webkit-scrollbar{height:6px}.htmlMenu .link{display:flex;align-items:center;width:max-content;font-size:15px;padding:15px 10px;position:relative;color:$(header.link.color)}.htmlMenu .link .name{text-overflow:ellipsis;font-weight:500;font-size:16px}.htmlMenu .link .name svg{width:15px;height:15px;margin-right:auto}.htmlMenu li:hover .link .name{color:#ffffff}

/* Search Tool */ .navSearch{display:none;align-items:center;justify-content:center;margin-left:8px;cursor:pointer}.navSearch svg.line{width:25px;height:25px;stroke:$(keycolor);vertical-align:middle;stroke-width:2.2px}.headerSearch{justify-content:center;width:50%;display:flex;align-items:center;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.headerSearch form{position:relative;background-color:$(header.search.back);border-radius:8px;width:70%}.Search_close,.headerSearch button{position:absolute;left:15px;bottom:0;top:0}.Search_close svg,.headerSearch button svg{stroke:$(header.search.color);width:22px;height:22px}.headerSearch input[placeholder]::-webkit-input-placeholder{color:$(header.search.color)}.headerSearch input[type=text]{display:block;width:100%;outline:0;border:0;position:relative;background-color:transparent;padding-right:10px;height:calc($(header.height)/ 2 + 5px)}.headerSearch input[placeholder]{color:$(header.search.color);font-weight:600;opacity:.7}.headerSearch button{background:0 0;border:0;outline:0;padding:0;display:flex;align-items:center}.Search_close{visibility:hidden;opacity:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.Search_close svg{stroke-width:1.5px}

/* blogContent Section */ .mainContent{padding-top:180px}.mainInner .widget .title{display:flex;align-items:center;justify-content:space-between;margin:0 0 30px;font-size:var(--widget-titleSize);font-weight:var(--widget-titleWeight);position:relative}.mainInner .widget .title svg{height:20px;width:20px;opacity:.7}.mainInner .widget .imgThumb{display:block;object-fit:cover;height:100%;width:100%}.blogContent .sidebar .widget:not(:last-child),.mainInner .widget:not(:last-child){margin-bottom:25px}.blogContent .widget input[type=email],.blogContent .widget textarea,.mainInner .widget input[type=text]{display:block;width:100%;border-radius:8px;outline:0;padding:15px;resize:none;margin-bottom:15px}.blogContent .widget input[type=email]:focus,.blogContent .widget textarea:focus,.mainInner .widget input[type=text]:focus{border-color:var(--body-altColor)}.blogContent .widget input[type=submit],.mainInner .widget input[type=button]{display:inline-flex;align-items:center;margin:15px 0 0;padding:10px 20px;outline:0;border:0;border-radius:2px;color:#fefefe;background-color:var(--main-color);font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%}.blogContent .widget input[type=submit]:hover,.mainInner .widget input[type=button]:hover{opacity:.7}.mainInner .section:not(:last-child){margin-bottom:40px}.main_content{padding-top:calc($(header.height) + 30px)}.blogContent{display:flex;flex-wrap:wrap}.blogContent .mainbar{flex:0 0 calc(100% - $(sidebar.width));padding-left:10px;width:calc(100% - $(sidebar.width))}.blogContent .mainbar>.no-items{margin-bottom:0;padding-bottom:0;border-bottom:0}.blogContent .sidebar{flex:0 0 $(sidebar.width);width:$(sidebar.width)}.blogContent .sidebar .widget{background-color:#fff;border-radius:4px}#relatedPosts h3.title,.blogContent .sidebar .widget h2.title{font-size:18px;margin-bottom:25px;margin-top:10px}.blogContent .sidebar .widget h2.title{color:$(aside.title)}.blogContent .sidebar .widget h2.title:after {content: '';display: block;width: 50px;height: 3px;margin-top: 8px;border-radius: 90px;background-color: $(keycolor);}.blogContent .sidebar .widget p{color:$(aside.text)!important}.onPage .blogContent .mainbar{margin-left:auto;margin-right:auto}

/* BlogTitle */ .blogTitle .title{font-size:25px;margin-bottom:20px;margin-top:10px}title.search{display:flex;align-items:center;margin-bottom:40px}.home_button{display:block;margin-right:auto}.home_button span{font-size:14px;font-weight:500;border:1px solid #55555533;padding:10px;background-color:#f0f8fd;border-radius:5px}

/* blogPosts Section */ .blogPosts{display:flex;flex-wrap:wrap;position:relative;width:100%}.blogPosts.empty{width:100%;left:0}.blogPosts.empty~.blogPager{justify-content:flex-start}.blogPosts .hentry.noComment,.blogPosts .hentry.noInfo,.blogPosts div.hentry{padding-bottom:0}.onItem .blogPosts{display:block;position:initial;width:100%;left:0;background-color:#fff;padding:20px 20px 40px;border-radius:8px}.onItem .blogPosts .hentry{display:block;width:100%;overflow: initial;height:100%;padding:0;position:initial;margin-left:0;margin-right:0;background:0 0;box-shadow:none;border:0;margin-bottom:0}.blogPager .homeLink,.onBlog .blogPager .olderLink,.onBlog .newerLink.noPost{display:none}.blogPosts .postThumbnail .postHeader{position:absolute;top:10px;right:10px}.blogPosts .postThumbnail .postHeader .postLabel>*{background-color:$(keycolor);color:#fff;padding:3px 5px;border-radius:6px;font-weight:500;font-size:13px;margin-left:5px}.blogPosts .postThumbnail .postHeader .postLabel>:before{opacity:1;margin-left:0}


/* Blog */ .blogPosts .hentry{position:relative;width:calc(25% - 15px);margin-left:7.5px;box-shadow:0 0 10px rgb(0 0 0 / 20%);border-radius:5px;overflow:hidden;margin-right:7.5px;margin-bottom:30px;display: flex;flex-direction: column}.blogPosts .hentry:hover img{transform:scale(1.1) rotate(2deg)}.blogPosts .hentry:hover .postTitle a{color:$(text.color)!important}.blogPosts .postThumbnail{max-height:140px}.onHome .blogPosts .postThumbnail img, .onBlog .blogPosts .postThumbnail img{height:100%;width:100%}.blogPosts .postContent{padding:0 5px}.onItem .blogPosts .postTitle{font-weight:600;font-size:25px;margin-top:40px;width:100%;margin-bottom:40px}.blogPosts .postTitle{font-size:15px;margin-top:10px;margin-bottom:10px}@media screen and (max-width:640px){.blogPosts .hentry{margin-bottom:30px}}@media screen and (max-width:480px){.blogPosts .hentry .postEntry.snippet{display:none}.blogPosts .postThumbnail{flex:0 0 45%;height:110px;border-radius:4px}.blogPosts .postTitle{font-size:14px}.blogPosts .postLabel,.blogPosts .postTimestamp:after{font-size:13px}.blogPosts .postHeader{margin-bottom:5px}.blogPosts .postInfo{margin-top:15px}}

/* blogPager */ .blogPager,.postNav{display:flex;flex-wrap:wrap;justify-content:center;font-size:15px;line-height:20px;color:var(--dark-text);margin-bottom:0}.blogPager>*,.postNav>*{display:flex;align-items:center;justify-content:center;margin-bottom:20px;padding:13px 25px;font-weight:600;width:100%;background-color:#fff;color:$(keycolor);border-radius:2px;border:2px solid}.blogPager>* svg{width:20px;height:20px;fill:$(keycolor)}.blogPager>* svg.line{fill:none;stroke:$(keycolor);stroke-width:1.5}.blogPager .jsLoad:after,.blogPager .newerLink:after,.blogPager>:before{content:attr(data-text)}.blogPager .moreLink{padding:10px 35px}.blogPager .homeLink,.blogPager .newerLink,.blogPager .olderLink{padding:0 15px;height:40px;width:auto}.blogPager .jsLoad:before,.blogPager .newerLink:before{display:none}.blogPager .jsLoad svg,.blogPager .newerLink svg{margin-left:8px}.blogPager .newerLink{margin-right:20px;margin-left:auto}.blogPager .olderLink{margin-left:20px;margin-right:auto}.blogPager .olderLink svg{margin-right:8px}.blogPager .noPost{cursor:not-allowed}.blogPager .current,.blogPager .noPost,.postNav .current{color:$(keycolor)}.blogPager .noPost svg,.blogPager .noPost.jsLoad svg{fill:$(keycolor)}.blogPager .noPost svg.line{fill:none;stroke:$(keycolor)}

/* Breadcrumbs */ .breadcrumbs{flex-wrap:wrap;margin-bottom:10px}.breadcrumbs a{color:inherit}.breadcrumbs>:not(:last-child):after{content:'';background:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(38 45 61)" stroke-width="1"><polyline points="15 18 9 12 15 6"/></svg>') center no-repeat;display:block;margin-right:8px;width:20px;opacity:.6;height:20px}.breadcrumbs>*{display:inline-flex;align-items:center;flex-shrink:0;margin-left:8px}.breadcrumbs .titleLink:before{color:#0099ff; content:attr(data-text)}.breadcrumbs .homeLink a{font-size:14px;font-weight:500;color:#0099ff}.breadcrumbs .homeLink a:hover,.breadcrumbs div:nth-child(2) a:hover{color:#0099ff(text.color)}.breadcrumbs div:nth-child(2) a{font-weight:500;color:#0099ff}

/* Article Section */ .postAuthorName .authorName,.postLabel{text-overflow:ellipsis;overflow:hidden}.onItem .postInner{padding:30px;border:1px solid #ddd;border-radius:5px}.postThumbnail{flex:0 0 auto;height:100%;overflow:hidden;position:relative;border-radius:2px 2px 0 0}.postThumbnail div{background:var(--transparent-bg)}.postThumbnail div span:before{content:attr(data-text);opacity:.7;white-space:nowrap}.postTitle{font-size:16px;line-height:34px}.itemEntry,.itemTitle a,.postEntry.snippet,.postTitle a{color:inherit;-webkit-box-orient:vertical;overflow:hidden}.itemTitle a,.postTitle a{color:$(keycolor);line-height:27px;display:-webkit-inline-box;overflow:hidden;transition:.3s;-webkit-line-clamp:3}.postInfo a,.postLabel>*{color:inherit}.blogPosts .hentry .postTitle a{color:$(post.title)!important}.itemTitle a:hover, .sidebar .itemTitle a:hover, .postLabel>a:hover,.postMore:hover,.postTitle a:hover{color:$(text.color)}.itemEntry,.postEntry.snippet{display:-webkit-box;margin:12px 0 35px;font-size:90%;line-height:1.6em;opacity:.8}.postEntry.snippet,.postHeader{-webkit-line-clamp:2;font-size:95%}.postHeader{margin-bottom:8px;line-height:1.5em}.postInfo{display:flex;align-items:center;justify-content:space-between}.postMore,.postTimestamp{padding-left:10px}.postComment,.postMore,.postTimestamp{overflow:hidden}.postComment:before,.postMore:before,.postTimestamp:after{content:attr(data-text);font-size:14px;display:block;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:.8}.postComment{display:flex;align-items:center;margin-right:auto;padding:4px 8px;border-radius:30px;margin-left:8px;flex-shrink:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.onPost .postComment{background-color:transparent}.postComment svg{width:24px;height:24px;stroke-width:1;margin-right:3px}.postComment:hover svg{fill:$(keycolor)}.postComment:hover svg.line{fill:none;stroke:$(keycolor)}.postComments,.postTimes>*{display:flex;align-items:center;flex-shrink:0}.postComments>*{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e6e6e6;border-radius:12px;position:relative}.postComments>a{overflow:visible}.postComments>a:before{line-height:18px;position:absolute;top:-7px;right:-5px;padding:0 6px;border-radius:10px;font-size:11px;z-index:1;opacity:1;background-color:#e6e6e6}.postComments>:not(:last-child){margin-right:8px}.postComments svg{width:18px;height:18px;stroke-width:1;margin:0}.postComments>:hover{border-color:var(--icon-color);opacity:.8}.postComments>:hover svg,.postComments>:hover svg.line .fill{fill:$(icon.color)}.postComments>:hover svg.line{fill:none;stroke:$(icon.color)}.postLabel{font-size:14px}.postLabel>*{font-weight:400}.postLabel>:before{opacity:.7;margin-left:5px;content:attr(data-text)}.postLabel>a{display:inline-flex}.postAuthor,.postTimes{display:flex;align-items:center;flex-grow:1;width:50%;padding-right:15px}.postAuthorImage{flex-shrink:0;position:relative;margin-left:12px}.postAuthorImage .authorImage,.postAuthors .authorImg{width:65px;height:65px;border-radius:50%;background-size:100%;background-position:center;background-repeat:no-repeat}.postAuthorImage svg{width:65px;height:65px;fill:var(--main-color);position:absolute;top:-4px;left:-5px}.postAuthorName{flex-grow:1;width:calc(100% - 44px)}.postAuthorName .authorName:before{content:attr(data-write);opacity:.7;display:block}.postAuthorName .authorName{max-width:170px;display:flex;align-content:center;white-space:nowrap}.postAuthorName .authorName>:before{font-size:13px;margin-right:5px;content:attr(data-text)}.postAuthorName .authorName>:hover{text-decoration:underline}.postAuthors{display:flex;border-radius:5px;padding:30px 15px;line-height:1.7em;background:#fefefe;border:1px solid #ddd;font-size:16px}.postAuthors .authorImage{flex-shrink:0;margin-left:12px}.postAuthors .authorImg{display:flex;align-items:center;justify-content:center}.postAuthors .authorInfo{flex-grow:1;width:calc(100% - 46px)}.author-rank{font-size:14px;font-weight:500;background-color:$(keycolor);width:fit-content;color:#fff;padding:2px 10px;display:block;margin-top:5px;border-radius:20px}.postAuthors .authorAbout:before,.postAuthors .authorName:after{font-size:17px;font-weight:600;margin-left:15px;content:attr(data-text)}.postAuthors .authorAbout{margin:10px 0 0;font-size:13px;font-weight:500;opacity:.8;line-height:28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.author-social{display:flex;align-items:center;margin-right:auto}.author-social a{display:block;width:19px;height:17px;transition:.2s;margin-left:8px}.author-social a:hover{transform:scale(1.15)}.post-authorsFollow{display:inline-flex;align-items:center;line-height:19px;margin-top:12px}.post-authorsFollow svg.line{width:20px;height:15px;margin-right:5px;transform:rotate(180deg);stroke:$(icon.color)}.postTimes{width:100%;margin-top:25px;font-size:14px;line-height:20px}.postTimes .postTimestamp{padding-right:10px}.postTimes .postTimestamp:before{opacity:.8}.postTimes .postTimestamp:after{display:inline}.postTimes .postTimestamp.updated:before{content:'آخر تحديث: '}.postTimes .postTimestamp.published:before{content:'نشر في: '}

/* Article Style */ .postEntry h1,.postEntry h2,.postEntry h3,.postEntry h4,.postEntry h5,.postEntry h6{margin:.5em 0 15px}.postEntry h1:target,.postEntry h2:target,.postEntry h3:target,.postEntry h4:target,.postEntry h5:target,.postEntry h6:target{padding-top:70px;margin-top:0}.postEntry p{margin:1.7em 0}.postEntry img{display:block;margin:0 auto;border-radius:2px;transition:.5s;height:auto!important}.postEntry img.fullImg{display:block!important;margin-bottom:10px;position:relative;left:0;width:100%;max-width:none}.post .postNav{font-size:13px;margin:50px 0}.post .postNav>*{padding:8px 15px;border-radius:2px;margin-bottom:8px}.post .postNav>:not(:last-child){margin-right:8px}
.itemPopular .itemThumbnail.postThumbnail img, .counter {width: 100%;height: 100%}

/* Widget Blog Share */ .sharing{padding-top:30px;margin-top:25px}.sharing_panel{display:flex;flex-wrap:wrap;align-items:center}.sharin_label{border:1px solid #ddd;padding:7px 15px;margin-left:10px;margin-bottom:20px;font-size:15px;font-weight:500}.sharin_label span{position:relative}.sharin_label span:before{content:'';position:absolute;top:4px;left:-24px;width:17px;height:17px;background-color:#fff;border:1px solid #ddd;border-right-color:transparent;border-top-color:transparent;transform:rotate(45deg)}.sharing_button{width:50px;height:50px;background-color:#ccc;display:flex;align-items:center;margin-right:8px;margin-bottom:20px;transition:.2s;justify-content:center;border-radius:50%}.sharing_button:hover{transform:scale(1.1)}.sharing_button.print svg{width:18px;height:18px}.sharing_button.copy svg{stroke:#fff;width:23px;height:23px;stroke-width:1.4px}.sharing_button svg{width:20px;height:20px;fill:#fff}.sharing_button.email svg{stroke:#ccc}

/* Post body Division */ .post-pages{display:flex;flex-direction:row-reverse;clear:both;overflow:hidden;margin-top:15px;text-align:center}.post-pages a{padding:5px 15px;background-color:$(keycolor);color:#fff;display:inline-flex;border-radius:6px;font-weight:500;align-items:center;justify-content:center;z-index:2;width:fit-content;transition:padding .2s}.post-pages a.prev-page{margin-left:auto;margin-right:0}.post-pages a.prev-page:hover{padding-right:10px}.post-pages a.next-page{margin-right:auto;margin-left:0}.post-pages a.next-page:hover{padding-left:10px}.post-pages a svg{stroke:#fff;width:20px;height:20px;stroke-width:1.8px}.post-pages a.prev-page svg{margin-left:5px}.post-pages a.next-page svg{margin-right:5px}body.no-sidebar aside{display:none}body.no-sidebar .blogContent .mainbar{max-width:1000px;margin:0 auto;}

/* ads */ #ads-widget {width:calc(100% - 100px);text-align: center;margin:0 auto;clear:both;}.qw-ads img:hover{transform:none}#HTML6 {max-width: 100%;margin: 0 auto;text-align:center;}

/* ِContact Page */#ContactForm396 {display: none;}.contact-form-email,.contact-form-name{width:calc(50% - 5px);display:inline-block;height:40px;line-height:40px}.contact-form-email,.contact-form-email-message,.contact-form-name{font-family:inherit;padding:5px 10px;border:1px solid #ddd}.contact-form-button-submit,.contact-form-email,.contact-form-email-message,.contact-form-name{font-size:14px;box-sizing:border-box}.contact-form-widget form{font-weight:400}.contact-form-name{margin:0 0 15px 5px}.contact-form-email{margin:0 5px 15px 0}.contact-form-email-message{width:100%;margin:0 0 10px}.contact-form-button-submit{width:100%;height:35px;background-color:$(keycolor);font-weight:600;color:#fff;line-height:35px;cursor:pointer;padding:0 10px;margin:0;border:0;transition:background .17s}.contact-form-button-submit:hover{background-color:$(text.color)}.contact-form-error-message-with-border,.contact-form-success-message-with-border .failed-sending{display:flex;align-items:center;justify-content:center;width:100%;background-color:#fbe5e5;font-size:14px;text-align:center;line-height:11px;padding:10px 0;margin:10px 0;box-sizing:border-box;border:1px solid #fc6262}.contact-form-success-message-with-border .send-successfully{display:flex;align-items:center;justify-content:center;width:100%;background-color:#a4f39a;font-size:14px;text-align:center;line-height:11px;padding:10px 0;margin:10px 0;box-sizing:border-box;border:1px solid #00a915}.contact-form-cross{margin:0 3px 0 0!important;width:14px!important;height:14px!important}.contact-form-error-message,.contact-form-success-message{margin:0}

/* Error 404 Page */ .error404{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center}.error404:before{display:none}.error-container{margin:auto;width:90%;max-width:500px}.error-container h3{font-size:1.414rem}.error-container h3 span{display:block;line-height:.8;margin-bottom:0;font-size:140px;color:$(keycolor)}.error-container p{margin:15px 5% 30px;font-size:16px;line-height:1.4em}.error-container .button{margin:0 auto;padding:1em 2em;font-size:1em;font-weight:600;font-family:Changa,sans-serif;line-height:1.2em}.searchform-wrap{margin-top:25px}.searchform{background-color:#fefefe;box-shadow:0 0 20px rgb(0 0 0 / 10%);padding:2px 15px;border-radius:30px;position:relative;width:80%;margin:0 auto}.searchform .form-control{width:100%;height:35px;border:0;outline:0;border-radius:30px}.searchform .form-control:-webkit-autofill,.searchform .form-control:-webkit-autofill:focus{transition:background-color 600000s,color 600000s}.searchform .form-control[data-autocompleted]{background-color:transparent!important}.input-group-btn{position:absolute;left:15px}.input-group-btn .btn{background-color:transparent;border:0;outline:0;height:35px;display:flex;align-items:center}

/* Related Posts */ #relatedPosts{margin-top:45px}.related{flex-wrap:wrap;padding-left:15px;padding-right:15px}.related li{width:calc(33.333% - 13.333px);margin-left:13.333px;margin-bottom:20px;padding:10px;background-color:#ddd;border-radius:8px;box-shadow:0 10px 20px 0 rgb(30 30 30 / 7%)}.related li .item{height:150px;border-radius:5px}.related li .item .postThumbnail{height:100%;border-radius:5px;width:100%}.related li .item .postThumbnail img{width:100%;height:100%;border-radius:5px}.related li .itemTitle a{font-weight:600}


/* Article Comments */ .commentContent i[rel=image],.commentHeader .datetime,.commentHeader .name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments iframe{width:100%}.commentsDisable{text-align:center}.blogComments{margin:40px 0 0}.blogComments .commentsTitle{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--content-border)}.blogComments .commentsTitle .title{margin:0;flex-grow:1}.commentsIcon{display:flex;flex-shrink:0;font-size:12px}.commentsIcon>*{display:flex;align-items:center}.commentsIcon svg{width:20px;height:20px}.commentsIcon .commentClose{margin-right:12px;padding-left:0;border-left:0 solid var(--content-border)}.commentAll:checked~.commentsInner .commentsContent>ol{flex-direction:column-reverse}.commentsButton.button.outline{font-size:14px}.commentsAdd .commentsReply,.commentsButton.button.outline{margin:0 auto;padding:15px 0;font-weight:600;display:block;text-align:center;background:#ddd;border:2px solid;color:#0099ff;border-radius:0;width:100%}#comments:target .commentShow:checked~.commentsButton~.comments,#comments:target .commentsButton,.blogComments .commentsTitle .title:after,.commentReplies .threadShow:checked~.commentReply,.commentReplies .threadShow:checked~.commentThread .threadChrome,.commentReplies~.commentActions,.commentShow:checked~.commentsButton,.commentsButton~.comments{display:none}
.commentActions a:before,.commentReply a:before,.commentThread .threadToggle:before,.commentsButton.button.outline>:before{content:attr(data-text)}#comments:target .commentShow:checked~.commentsButton,#comments:target .comments,.commentShow:checked~.commentsButton~.comments{display:block}.commentsContent ol,.commentsContent ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.commentsContent ol>li{position:relative;margin:0 0 20px;background-color:transparent;border-radius:8px}.commentsContent ol>li>.commentInner>.commentBlock{padding:20px 15px 15px;border:2px solid #9d9d9d42;border-radius:8px}.commentContainer{width:calc(100% - 50px);padding-right:20px}.commentsContent ol>li>.commentInner>.commentBlock>.commentContent{margin-bottom:12px}.commentsContent ul{padding:15px 15px 0 18px}.commentsContent ul>li,.commentsContent ul>li>.commentInner .commentHeader{display:flex}.commentsContent ul>li:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed}.commentsContent ul>li>.commentAvatar{width:40px;height:40px;display:inline-block;float:right;flex-shrink:0}.commentsContent ul>li>.commentInner{flex-grow:1;padding-right:12px;padding-top:5px;width:calc(100% - 40px)}.commentAvatar{width:50px;height:50px;border-radius:50%;background-color:#f6f6f6;overflow:hidden}.commentAvatar div{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.commentHeader{display:flex;font-size:13px}.commentHeader .name{display:inline-flex;align-items:flex-start;font-weight:600}.commentHeader .name span{max-width:180px}.commentHeader .name svg{width:20px;height:16px;fill:#519bd6;margin-left:3px}.commentHeader .datetime{margin-right:auto;font-size:12px;opacity:.8}.commentContent{margin-top:10px;line-height:1.6em}.commentContent.hasDeleted{border:1px dashed rgba(0,0,0,.1);padding:15px;font-size:.8rem;font-style:italic;opacity:.8;border-radius:3px}.commentContent i[rel=pre],.commentContent i[rel=quote]{margin:1.2em auto;font-style:normal}.commentContent i[rel=quote]{display:block;font-style:italic;font-size:.85rem;padding:12px 20px}.commentContent i[rel=image]{font-size:.8rem;display:block;position:relative;min-height:55px;opacity:.8}.commentContent i[rel=image]:before{content:'This feature isn\0027t available!';border:1px dashed rgba(0,0,0,.1);border-radius:3px;padding:15px;font-size:.8rem;white-space:nowrap;display:flex;align-items:center;position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--content-bg)}.commentActions,.commentReplies,.commentReply{margin-bottom:10px;margin-left:5px;margin-top:10px}.commentActions{float:left;padding-bottom:15px}.commentReply{float:left}.commentReplies{border-right:2px solid #9d9d9d42;margin-right:25px}.commentReplies .threadShow:checked~.commentThread .threadToggle svg{transform:rotate(180deg)}.commentActions a,.commentThread .threadToggle{margin-right:15px}.commentActions a,.commentReply a,.commentThread .threadToggle{font-size:13px;opacity:.8;display:inline-flex;align-items:center;color:inherit}.commentActions svg,.commentReply svg,.commentThread .threadToggle svg{width:18px;height:16px;margin-right:8px}.comment-replybox-single{padding:15px 15px 15px 35px}.blogComments .commentFixed{display:none;align-items:center;justify-content:flex-end;z-index:20;transition:var(--transition-1)}.blogComments .commentFixed .commentsTitle{padding:15px;z-index:3;background-color:transparent}.blogComments .commentFixed .commentsInner{padding:30px 0 15px;overflow-y:auto;width:100%}#comments:target .commentShow:checked~.commentFixed{opacity:0;visibility:hidden}#comments:target .commentShow:checked~.commentFixed .commentSection{margin-right:-100%}#comments:target .commentShow:checked~.commentFixed .fullClose{background:0 0;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@media screen and (max-width:480px){.commentsContent ol>li>.commentInner>.commentBlock{padding-top:15px}.commentsContent ol>li>.commentInner>.commentBlock>.commentHeader .name{display:flex}.commentsContent ol>li>.commentInner>.commentBlock>.commentHeader .datetime{margin-left:0}.commentsContent ol>li>.commentInner>.commentBlock>.commentHeader .datetime:before{display:none}.blogComments .commentFixed .commentSection{margin:auto auto -100%;border-radius:15px 15px 0 0}.blogComments .commentFixed .commentSection.show{border-radius:0;max-height:100%}.blogComments .commentFixed .commentsTitle{padding:20px 15px}.blogComments .commentFixed .commentsInner{padding-top:0}#comments:Target .commentFixed .commentSection,.blogComments .commentShow:checked~.commentFixed .commentSection{margin:auto auto 0}#comments:target .commentShow:checked~.commentFixed .commentSection{margin-right:-100%}}.commentsContent ul.threadChrome li {display: block;}

/* Widget PopularPosts */ .itemPopulars .itemTitle{font-size:15px;font-weight:600}.itemPopular{width:calc(50% - 10px);margin-left:5px;margin-right:5px;box-shadow:0 0 10px rgb(0 0 0 / 15%);border-radius:5px}.itemPopular .itemContent{padding:0 5px;width:auto}.itemPopulars{counter-reset:popularposts-cnt;flex-wrap:wrap}.counter{display:flex;width:100%;justify-content:center;align-items:center;background:#f9fafb}.itemPopular .counter:before{display: flex;align-items: center;justify-content: center;flex-shrink:0;content:'0' counter(popularposts-cnt);counter-increment:popularposts-cnt;width: 100%;height: 100%;font-style:normal;text-align:center;opacity:.4;font-weight:500;font-family:sans-serif;font-size:19px;color:#262d3d;line-height:1.8em}.itemPopular .itemThumbnail.postThumbnail{height:140px;margin-bottom:10px;border-radius:5px 5px 0 0}.itemPopular:not(:first-child){margin-top:25px}.itemPopular:nth-child(2){margin-top:0}.itemPopular .itemInner{display:flex}.itemPopular .itemFlex{width:100%}.itemPopular .postLabel,.itemPopular .postTimestamp:after{font-size:13px}.itemPopular.postComment svg{width:16px;height:16px}.itemPopular .postHeader{margin-left:32px;margin-bottom:5px}.itemPopular .itemEntry,.itemPopular .itemInfo{margin-bottom:10px;margin-top:10px}.itemPopular .postComment{padding:2px 5px;margin-left:0}.itemPopular .postComment svg{width:20px;height:20px}

/* Widget PageList */ .PageList ul{padding:0;margin:0;list-style:none}.PageList ul li{margin-bottom:7px}.PageList ul li a{padding:8px 19px;display:block;color:$(text.color);font-size:15px}.PageList ul li a:hover{color:$(keycolor)}.PageList ul li a:after{content:'';display:inline-block;width:20px;height:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(38 45 61)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg>') 0 0/cover;float:right;margin-left:8px;transition:.1s ease-in-out}.PageList ul li:hover a:after{stroke:$(main-color);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(52 99 230)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg>');transform:scale(1.15)}

/* Widget Linklist */ .sidebar .LinkList ul{margin:0;padding:0;list-style:none}.sidebar .LinkList ul li{margin:20px 0}.sidebar .LinkList ul li a:after{content:'';display:inline-block;width:20px;height:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(38 45 61)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>') 0 0/cover;float:left;transition:.1s ease-in-out}.sidebar .LinkList ul li a{color:$(text.color);font-size:16px;display:block;transition:.3s ease-in-out}.sidebar .LinkList ul li:hover a{color:$(keycolor)}.sidebar .LinkList ul li:hover a:after{stroke:$(keycolor);filter:none!important;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(52 99 230)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>');transform:scale(1.1)}

/* Widget Labels */ .widget-content .label-name{font-size:14px;font-weight:500;color:$(keycolor);display:flex;align-items:center}.cloud-label-widget-content{display:flex;flex-wrap:wrap;align-items:center}.cloud-label-widget-content .label-size{flex:1 0 auto;padding:4px 10px;margin-left:5px;margin-right:5px;margin-bottom:15px;border-radius:4px;border:1px solid}.cloud-label-widget-content .label-size .label-count{margin-right:auto;display:block;width:fit-content}.list-label-widget-content ul li{margin-bottom:5px}.list-label-widget-content ul li .label-name{line-height:33px;color:$(text.color)}.list-label-widget-content ul li .label-name .label-count{margin-right:auto;color:$(keycolor);font-size:14px;display:block}

/* Social Media */ .social{flex-wrap:wrap}.social li a{width:30px;display:flex!important;align-items:center;justify-content:color:center;height:30px;margin-left:4px;margin-right:4px;border-radius:40px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.social li a:hover{transform:scale(1.1)}.social li a i.fa{width:20px;height:20px;display:block}.social li a i.fa.fa-facebook,.social li a i.fa.fa-google-play,.social li a i.fa.fa-messenger,.social li a i.fa.fa-patreon,.social li a i.fa.fa-tiktok,.social li a i.fa.fa-tumblr,.social li a i.fa.fa-twitter{width:18px;height:18px}.social li a i.fa.fa-youtube{height:23px;width:23px}

/* footer */ .toTop,footer .PageList ul li a::after{display:none}footer{padding-top:25px}footer a{color:$(footer.link)}footer .Text .widget-content,footer p{color:$(footer.text)}.blog-copyright.d-flex.al-center{font-size:13px}footer .creditInner{box-shadow:0 0 20px rgb(0 0 0 / 5%);width:100%;background-color:$(footer.back)}footer .creditInner_container{display:flex;align-items:center;padding:20px 0}footer .creditInner_container>div{width:33.33%;padding:0 10px}footer .creditInner p{margin:0;overflow:hidden}footer #social-footer{margin-bottom:15px}footer .PageList ul{display:flex;flex-wrap:wrap}footer .PageList ul li{flex:0 0 50%;width:50%;padding-left:10px}footer .PageList ul li a{padding:3px 0;font-weight:500;color:$(footer.text)}footer h2,footer h3{color:$(footer.title);margin-bottom:15px;font-size:20px}.help_buttons{position:fixed;bottom:35px;left:-100%;opacity:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.help_buttons.scrolled{left:35px;opacity:1}.toTop{width:45px;height:45px;background-color:#fff;border-radius:30px;margin-bottom:5px;box-shadow:0 3px 10px rgb(0 0 0 / 15%);justify-content:center}.toTop svg.line{height:22px;width:22px;stroke-width:1.5px;stroke:$(icon.color)}
#Machroo3_Copyright{background-color:#0099ff;width:28px;height:28px;margin-left:8px;border-radius:4px;transition:.3s ease-in-out;display:flex;align-items:center;justify-content:center}#Machroo3_Copyright svg{width:24px;height:24px;vertical-align:middle;transition:.3s ease-in-out;fill:#fff}#Machroo3_Copyright:hover{background-color:#fff}#Machroo3_Copyright:hover svg{fill:#0099ff}

/* Responsive */
@media screen and (min-width:992px){
body{background:$(body.background);background-size:cover}
}
@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:7px;}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#767676;border-radius:10px}}

@media screen and (max-width:1200px){
.blogContent .sidebar{padding-right:10px;flex:0 0 33.33%;width:33.33%}.blogContent .mainbar{padding-left:10px;flex:0 0 auto;width:66.66%}.blogPosts .hentry{width:calc(33.33% - 15px)}.sidebar .LinkList ul.social li{width:calc(33.33% - 6px)}.main_container{width:90%}#ads-widget {width:calc(100% - 90px);}
}

@media screen and (max-width:768px){
#qw_ad,.onBlog .main_container,.onHome .blogContent{width:90%}.sharing_button svg,.toggled svg.line{width:16px;height:16px}#TOC ul li,.header-widget p{font-size:12px}.main_container{width:auto}#header_widget{line-height:calc($(header.height) - 10px);width:80%}.blogContent .mainbar{width:100%;padding-left:0}.blogContent .sidebar{flex:0 0 100%;width:100%;padding-right:0;margin-top:15px}.sidebar .LinkList ul.social li{width:calc(25% - 6px);margin-bottom:35px}.main_content{padding-top:80px}.related,.sharing,.toggle#TOC ul{padding:0}#qw_ad{margin-bottom:10px}.sharing{margin:0}#aftershare-ad{margin-bottom:25px}#relatedPosts{margin-top:20px}.blogComments{margin:20px 0 0}.categories_page .ctp_column.n_3 .list:last-child,.onBlog .blogPosts .hentry:last-child,.onBlog .blogPosts .hentry:nth-last-child(2),.toctitle{margin-bottom:0}footer{padding-top:10px}#footer_2{padding-bottom:0}.onItem .blogPosts .postTitle{font-size:20px}#TOC.toggle{padding:15px 10px}#TOC{padding:7px 10px}.toggle .toctitle{margin-bottom:15px}#TOC ul li{padding:0}.toc_title{font-size:14px}.sharing_button:hover{transform:none}.categories_page .list .list-title h3{color:#fff!important}.onItem .blogPosts{padding:20px 0 0}.onItem .postInner{border:0;padding:0 10px 10px}.sharin_label{margin:10px 4px;padding:4px 8px;font-size:13px}.sharin_label span:before{left:-14px;width:12px;height:12px}.sharing_button{margin:10px 4px;width:35px;height:35px}.sharing_button.print svg{width:15px;height:15px}.postAuthors{padding-bottom:60px;position:relative;flex-wrap:wrap;justify-content:center;text-align:center}.postAuthors .authorImg{width:70px;height:70px}.postAuthors .authorImage,.postAuthors .authorName:after{margin-left:0}.authorName{margin-top:10px}.author_nm{flex-wrap:wrap;justify-content:center}.author_nm>*{justify-content:center;width:100%;flex:1 0 auto}.author-rank{width:fit-content;margin:10px auto 20px;display:block;padding:3px 10px}.author-social{position:absolute;left:0;right:0;bottom:25px}#blog-pager,.categories_page{flex-wrap:wrap}.ctp_column{width:100%;margin:0}.cust-widget .cust-post .entry-title a{font-size:13px;margin-top:10px}.contact-form-email,.contact-form-name{width:100%;margin:0 0 15px}.cust-widget.pt_4 .cust-post,.itemPopular{padding:5px}.toTop{width:40px;height:40px}#header_widget,.Header,.header-widget,.header-widget h1,.header-widget h1 a,.header-widget img,.header-widget p,.header_container{height:calc($(header.height) - 10px)}.toTop svg.line{height:19px;width:19px}.commentActions,.commentReplies,.commentReply{padding-bottom:0;margin-bottom:5px;margin-left:5px;margin-top:5px}.header_icon{width:20%}.headerSearch{margin-top:-100%;display:none;width:0;position:absolute}.headerSearch.cloned{display:flex;bottom:0;width:100%;left:0;right:0;margin:0 auto;background-color:#fff;padding:10px 0}.header_container{width:90%}.header-widget h1 a{font-size:18px}.htmlMenu.nav{overflow:scroll;height:calc(100vh - 60px);display:block}.navMenu{-webkit-transition:.3s;transition:.3s}#main_menu{position:fixed;top:0;z-index:8;left:-100%;height:100%;max-width:480px;width:80%;right:auto}.navInput:checked~.mainWrapper #main_menu{left:0}.navInput:checked~.mainWrapper .closemenu{background-color:rgb(255 255 255 / 45%);backdrop-filter:blur(5px) brightness(0.8)}.navInput:checked~.mainWrapper .navMenu{position:fixed;left:80%;z-index:10;border-radius:0 4px 4px 0;padding:8px 6px}.headerSearch form{width:90%;background-color:rgb(204 204 204 / 30%)}.headerSearch input[type=text]{height:35px;font-weight:500}.headerSearch button{left:5px}.headerSearch button svg{width:19px;height:19px}.blogPosts .hentry{width:calc(50% - 15px);padding:5px;height:230px}.related li{width:calc(50% - 10px);margin:0 5px;padding:5px}.related li .item{height:100px;margin-bottom:10px}.newer-post,.older-post{width:100%;margin-bottom:10px}.blogPosts .postContent .postInfo .postComment{display:none}.cust-widget.pt_4 .cust-post .article-image,.itemPopular .itemThumbnail.postThumbnail{height:110px;border-radius:5px;overflow:hidden}.breadcrumbs .homeLink a,.breadcrumbs .titleLink:before,.breadcrumbs a,.itemPopulars .itemTitle{font-size:13px}.onItem .blogContent{width:95%}#ads-widget{width:calc(100% - 20px);}#aftershare-ad{padding:0 10px;}
.header-widget a.header-image-wrapper img {max-width: 120px}
}

@media screen and (max-width:480px){
#social-footer .social{margin-top:-15px;margin-bottom:20px;justify-content:center}footer .creditInner_container{width:90%;flex-wrap:wrap;flex-direction:column-reverse}footer .creditInner_container>div{width:100%;padding:15px 0}footer .creditInner_container>div.first-half{margin-top:20px}footer .creditInner p{text-align:center;width:100%}
.itemTitle a, .postTitle a{-webkit-line-clamp: 6}
}

@media print{
#TOC,#sizer,.breadcrumbs,.header,.help_buttons,.post-random,.postAuthors,.postFooter,.sharing,.sidebar,footer,svg{display:none!important}.main_content{padding-top:0}.onItem .postInner{border:none}.blogContent .mainbar{text-align:center;marrgin:0 auto;width:100%;flex:0 0 auto;}.postBody{text-align:center;color:#222!important}.postBody pre{max-height:100%}body{text-align:center}h1:first-child{margin:35px 0}#qw_ad,.Middle-Ad,.qw-ads{display:none!important;margin:0!important}
}

]]></b:skin>

  <b:defaultmarkups>
    <b:defaultmarkup type='LinkList'>
      <b:includable id='main'>
        <b:if cond='data:title.length gt 0'>
          <div class='headline' expr:data-title='data:title.escaped'><h2 class='title'><b:eval expr='data:defaultTitle ?: data:title'/></h2></div>
        </b:if>
        <b:include name='content'/>
      </b:includable>
      <b:includable id='AU'>
        <b:tag name='script' type='text/javascript'> 
          (function() {
          var snapAuthor = AuthorsInfo.filter(function(a) {
          return a.name === &#39;<data:title/>&#39;
          })[0];
          if (snapAuthor !== undefined) {
          snapAuthor.provided = true;
          <b:loop values='data:links' var='link'>
            <b:if cond='data:link.name == &quot;facebook&quot;'>
              snapAuthor.links[&#39;facebook&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;youtube&quot;'>
              snapAuthor.links[&#39;youtube&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;telegram&quot;'>
              snapAuthor.links[&#39;telegram&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;tiktok&quot;'>
              snapAuthor.links[&#39;tiktok&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;snapchat&quot;'>
              snapAuthor.links[&#39;snapchat&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;blogger&quot;'>
              snapAuthor.links[&#39;blogger&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;twitter&quot;'>
              snapAuthor.links[&#39;twitter&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;website&quot;'>
              snapAuthor.links[&#39;website&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;instagram&quot;'>
              snapAuthor.links[&#39;instagram&#39;] = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;label&quot;'>
              snapAuthor.label = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;about&quot;'>
              snapAuthor.about = &#39;<data:link.target/>&#39;;
            </b:if>
            <b:if cond='data:link.name == &quot;rank&quot;'>
              snapAuthor.rank = &#39;<data:link.target/>&#39;;;
            </b:if>
          </b:loop>
          }
          })(); 
        </b:tag>
      </b:includable>
      <b:includable id='MetaWebsite'>
        <b:if cond='data:view.isHomepage'>
          <b:tag name='script' type='application/ld+json'>
            {
            &quot;@context&quot;: &quot;http://schema.org&quot;,
            &quot;@type&quot;: &quot;Organization&quot;,
            &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,
            &quot;logo&quot;: &quot;<b:loop values='data:links' var='link'><b:if cond='data:link.name in {&quot;logo&quot;,&quot;Logo&quot;}'><data:link.target/></b:if></b:loop>&quot;,
            &quot;name&quot;: &quot;<data:blog.title/>&quot;,
            &quot;sameAs&quot;:[<b:loop index='i' values='data:links' var='link'><b:if cond='data:link.name not in {&quot;logo&quot;,&quot;Logo&quot;}'>&quot;<data:link.target/>&quot;<b:if cond='data:links.length != data:i+1'>,</b:if></b:if>
            </b:loop>
            ]}
          </b:tag>
        </b:if>
      </b:includable>
      <b:includable id='content'>
        <b:if cond='data:widget.sectionId == &quot;Author-Section&quot;'><b:include name='AU'/>
          <b:elseif cond='data:title contains &quot;[SOC]&quot;'/><b:include name='MetaWebsite'/>
          <ul class='social d-flex al-center'>
            <b:loop values='data:links' var='link'>
              <li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><i expr:class='&quot;fa fa-&quot; + data:link.name'/></a></li>
            </b:loop>
          </ul>
          <b:else/>
          <div class='widget-content'>
            <ul>
              <b:loop values='data:links' var='link'>
                <li><a expr:href='data:link.target'><data:link.name/></a></li>
              </b:loop>
            </ul>
          </div>
        </b:if>
      </b:includable>
    </b:defaultmarkup>
    <b:defaultmarkup type='FeaturedPost'>
      <b:includable id='main' var='this'>
        <b:if cond='data:title != &quot;&quot;'>
          <h2 class='title'><data:title/></h2>
        </b:if>
        <b:include name='snippetedPosts'/>
      </b:includable>
      <b:includable id='blogThisShare'/>
      <b:includable id='bylineByName' var='byline'/>
      <b:includable id='bylineRegion' var='regionItems'/>
      <b:includable id='commentsLink'/>
      <b:includable id='commentsLinkIframe'/>
      <b:includable id='emailPostIcon'/>
      <b:includable id='facebookShare'/>
      <b:includable id='footerBylines'/>
      <b:includable id='googlePlusShare'/>
      <b:includable id='headerByline'/>
      <b:includable id='linkShare'/>
      <b:includable id='otherSharingButton'/>
      <b:includable id='platformShare'/>
      <b:includable id='postAuthor'/>
      <b:includable id='postCommentsLink'/>
      <b:includable id='postInfo'/>
      <b:includable id='postJumpLink'/>
      <b:includable id='postLabels'/>
      <b:includable id='postLocation'/>
      <b:includable id='postReactions'/>
      <b:includable id='postShareButtons'/>
      <b:includable id='postTimestamp'/>
      <b:includable id='sharingButton'/>
      <b:includable id='sharingButtonContent'/>
      <b:includable id='sharingButtons'/>
      <b:includable id='sharingButtonsMenu'/>
      <b:includable id='sharingPlatformIcon'/>
      <b:includable id='snippetedPostByline'/>
      <b:includable id='snippetedPostContent'>
        <!--[ Post Thumbnail ]-->
        <b:include name='snippetedPostThumbnail'/>

        <div class='itemContent'>
          <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
          <b:include name='snippetedPostEntry'/>
        </div>
      </b:includable>
      <b:includable id='snippetedPostEntry'>
        <b:if cond='data:this.postDisplay.showSnippet'>
          <p class='itemEntry'>
            <b:include name='postEntrySnippet'/>
          </p>
        </b:if>
      </b:includable>
      <b:includable id='snippetedPostThumbnail'>
        <div class='itemThumbnail postThumbnail'>
          <b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'>
            <a class='img-link' expr:href='data:post.url'>
              <b:include name='postEntryThumbnail'/>
            </a>
            <b:else/>
            <a class='img-link' expr:href='data:post.url'>
              <b:include name='altImage'/>
            </a>
          </b:if>

        </div>
      </b:includable>
      <b:includable id='snippetedPostTitle'>
        <h3 class='itemTitle'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3>
      </b:includable>
      <b:includable id='snippetedPosts'>
        <div class='itemFeatured' role='feed'>
          <!-- Don't render the post that we're currently already looking at. -->
          <b:loop values='data:posts' var='post'>
            <article class='item'>
              <b:class cond='data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='noThumbnail'/>
              <b:class cond='!data:this.postDisplay.showFeaturedImage' name='noImage'/>
              <b:include name='snippetedPostContent'/>
            </article>
          </b:loop>
        </div>
      </b:includable>
    </b:defaultmarkup>
    <b:defaultmarkup type='PageList'>
      <b:includable id='main'>
        <b:if cond='data:title != &quot;&quot;'>
          <h2 class='title'><data:title/></h2>
        </b:if>  <b:include name='content'/>
      </b:includable>
      <b:includable id='content'>
        <div class='widget-content'>
          <b:include name='pageList'/>
        </div>
      </b:includable>
      <b:includable id='overflowButton'>
        <b:include name='verticalMoreIcon'/>
      </b:includable>
      <b:includable id='overflowablePageList'>
        <div class='overflowable-container'>
          <div class='overflowable-contents'>
            <div class='container'>
              <b:with value='true' var='overflow'>
                <b:with value='&quot;tabs&quot;' var='pageListClass'>
                  <b:include name='pageList'/>
                </b:with>
              </b:with>
            </div>
          </div>
          <div class='overflow-button hidden'>
            <b:include name='overflowButton'/>
          </div>
        </div>
      </b:includable>
      <b:includable id='pageLink'>
        <li>
          <b:class cond='data:overflow' name='overflowable-item'/>
          <b:class cond='data:link.isCurrentPage' name='selected'/>

          <a expr:href='data:link.href'><data:link.title/></a>
        </li>
      </b:includable>
      <b:includable id='pageList'>
        <ul>
          <b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
          <b:loop values='data:links' var='link'>
            <b:include name='pageLink'/>
          </b:loop>
        </ul>
      </b:includable>
    </b:defaultmarkup>
    <b:defaultmarkup type='PopularPosts'>
      <b:includable id='main' var='this'>
        <b:if cond='data:title != &quot;&quot;'>
          <h2 class='title'><data:title/></h2>
        </b:if>
        <div class='widget-content'>
          <b:include name='snippetedPosts'/>
        </div>
      </b:includable>
      <b:includable id='blogThisShare'/>
      <b:includable id='bylineByName' var='byline'/>
      <b:includable id='bylineRegion' var='regionItems'/>
      <b:includable id='commentsLink'/>
      <b:includable id='commentsLinkIframe'/>
      <b:includable id='emailPostIcon'/>
      <b:includable id='facebookShare'/>
      <b:includable id='footerBylines'/>
      <b:includable id='googlePlusShare'/>
      <b:includable id='headerByline'/>
      <b:includable id='linkShare'/>
      <b:includable id='otherSharingButton'/>
      <b:includable id='platformShare'/>
      <b:includable id='postAuthor'/>
      <b:includable id='postCommentsLink'/>
      <b:includable id='postJumpLink' var='post'/>
      <b:includable id='postLabels'/>
      <b:includable id='postLocation'/>
      <b:includable id='postReactions'/>
      <b:includable id='postShareButtons'/>
      <b:includable id='postTimestamp'/>
      <b:includable id='sharingButton'/>
      <b:includable id='sharingButtonContent'/>
      <b:includable id='sharingButtons'/>
      <b:includable id='sharingButtonsMenu'/>
      <b:includable id='sharingPlatformIcon'/>
      <b:includable id='snippetedPostByline'/>
      <b:includable id='snippetedPostContent'>
        <div class='Popular_item'>
          <!--[ Post thumbnail ]-->
          <b:include name='snippetedPostThumbnail'/>
          <div class='itemContent'>
            <div class='itemInner'>
              <div class='itemFlex'>
                <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
              </div>
            </div>
          </div>
        </div>
      </b:includable>
      <b:includable id='snippetedPostEntry'>
        <b:if cond='data:this.postDisplay.showSnippet'>
          <p class='itemEntry'>
            <b:eval expr='snippet(data:post.snippets.long, {length: 80, links: false, linebreaks: false})'/>
          </p>
        </b:if>
      </b:includable>
      <b:includable id='snippetedPostThumbnail'>
        <div class='itemThumbnail postThumbnail'>
          <b:tag name='a'>
            <b:attr expr:value='data:post.url' name='href'/>
            <b:if cond='data:this.postDisplay.showFeaturedImage'>
              <b:if cond='data:post.featuredImage'>
                <img class='imgThumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 300, &quot;1:1&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
                <b:else/>
                <b:include name='altImage'/>
              </b:if>
              <b:else/>
              <i class='counter d-flex'/>
            </b:if>

          </b:tag>
        </div>
      </b:includable>
      <b:includable id='snippetedPostTitle'>
        <h3 class='itemTitle'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3>
      </b:includable>
      <b:includable id='snippetedPosts'>
        <div class='itemPopulars d-flex' role='feed'>
          <!-- Don't render the post that we're currently already looking at. -->
          <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
            <article class='itemPopular'>
              <b:include name='snippetedPostContent'/>
              <b:include name='snippetedPostEntry'/>
            </article>
          </b:loop>
        </div>
      </b:includable>
    </b:defaultmarkup>
    <b:defaultmarkup type='Label'>
      <b:includable id='cloud'>
        <b:loop values='data:labels' var='label'>
          <span class='label-size'>
            <b:class expr:name='&quot;label-size-&quot; + data:label.cssSize'/>
            <a class='label-name' expr:href='data:label.url + &quot;?max-results=10000&quot;'>
              <data:label.name/>
              <b:if cond='data:this.showFreqNumbers'>
                <span class='label-count'><data:label.count/></span>
              </b:if>
            </a>
          </span>
        </b:loop>
      </b:includable>
      <b:includable id='list'>
        <ul>
          <b:loop values='data:labels' var='label'>
            <li>
              <a class='label-name' expr:href='data:label.url + &quot;?max-results=10000&quot;'>
                <data:label.name/>
                <b:if cond='data:this.showFreqNumbers'>
                  <span class='label-count'><data:label.count/></span>
                </b:if>
              </a>
            </li>
          </b:loop>
        </ul>
      </b:includable>
    </b:defaultmarkup>

    <!--[ Blogger defaultmarkups ]-->
    <b:defaultmarkup type='Common'>
      <b:includable id='DefaultMeta'>
        <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
        <meta content='width=device-width, initial-scale=1' name='viewport'/>
        <link expr:href='data:view.url.canonical' rel='canonical'/>
        <meta expr:content='data:view.description.escaped' name='description'/>
        <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
        <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
      <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
        <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
        <meta content='blogger' name='generator'/>
        <meta expr:content='data:skin.vars.keycolor' name='theme-color'/>
        <meta expr:content='data:skin.vars.keycolor' name='msapplication-navbutton-color'/>
        <b:eval expr='data:blog.openIdOpTag'/>
        <b:if cond='data:view.featuredImage'>
          <link expr:href='data:view.featuredImage' rel='image_src'/>
          <b:else/>&lt;link href=&#39;<b:include name='NoImage'/>&#39; rel=&#39;image_src&#39;/&gt;
        </b:if>
        <!--[if IE]><script type='text/javascript'>(function(){var html5=("abbr,article,aside,audio,canvas,datalist,details,"+"figure,footer,header,hgroup,mark,menu,meter,nav,output,"+"progress,section,time,video").split(',');for(var i=0;i<html5.length;i++){document.createElement(html5[i])}try{document.execCommand('BackgroundImageCache',false,true)}catch(e){}})()</script><![endif]-->
      </b:includable>
      <b:includable id='OpenGraph'>
        <b:switch var='data:blog.locale'>
          <b:case value='ar'/><meta content='ar_AR' property='og:locale'/>
          <b:case value='en'/><meta content='en_US' property='og:locale'/>
          <b:case value='fr'/><meta content='fr_FR' property='og:locale'/>
          <b:case value='de'/><meta content='de_DE' property='og:locale'/>
          <b:default/><meta expr:content='data:blog.localeUnderscoreDelimited' property='og:locale'/>
        </b:switch>
        <meta expr:content='data:view.url.canonical' property='og:url'/>
        <meta expr:content='data:view.title.escaped' property='og:title'/>
        <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
        <meta expr:content='data:view.description.escaped' property='og:description'/>
        <meta expr:content='data:view.title.escaped' property='og:image:alt'/>
        <b:if cond='data:view.isMultipleItems'><meta content='website' property='og:type'/>
          <b:elseif cond='data:view.isSingleItem'/><meta content='article' property='og:type'/>
        </b:if>
        <b:if cond='data:view.featuredImage'>
          <meta expr:content='resizeImage(data:view.featuredImage, 1200, &quot;1200:630&quot;)' property='og:image'/>
          <b:else/>&lt;meta content=&#39;<b:include name='NoImage'/>&#39; property=&#39;og:image&#39;/&gt;</b:if>
      </b:includable>
      <b:includable id='TwitterCard'>
        <meta content='summary_large_image' name='twitter:card'/>
        <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
        <meta expr:content='data:view.description.escaped' name='twitter:description'/>
        <meta expr:content='data:view.title.escaped' name='twitter:title'/>
        <b:if cond='data:view.featuredImage'>
          <meta expr:content='resizeImage(data:view.featuredImage, 1200, &quot;1200:630&quot;)' name='twitter:image'/>
          <b:else/>&lt;meta content=&#39;<b:include name='NoImage'/>&#39; name=&#39;twitter:image&#39;/&gt;</b:if>
      </b:includable>
      <b:includable id='NoImage'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiz2dMhioevvclWVuZNpMeW5LbEUbDCMrWNGfkx4bMDkTztFuCc_N0TLwLkQAEhF6lAiTEDaw781tPzopj5j7KCmX5oiNkpKmOvVvvGtvSUrh3la2tU8Hu6948ojpNiA11Es59lTmS0toNraR-97HBEzt4cbEpK_XhRfDX-8orua6y99io5nDPZ9EqHOZv/s1200/%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9_%D8%A7%D9%84%D8%A8%D8%AF%D9%8A%D9%84%D8%A9.webp</b:includable>
      <!--[ Index title ]-->
      <b:includable id='titlePost'>
        <div class='blogTitle'>
          <h2 class='title'>
            <b:class cond='data:view.search or data:view.isArchive and data:view.url != data:blog.homepageUrl.canonical path &quot;search&quot;' name='search'/>
            <b:if cond='data:view.isHomepage'>
              <b:else/>
              <b:if cond='data:view.search.label'>
                <data:blog.pageName/>
                <b:elseif cond='data:view.search.query'/>
                <span expr:data-text='data:messages.search + &quot;:&quot;'/><data:view.search.query/>
                <b:else/>

                <!--[ Change <data:messages.posts/> to replace 'Posts' with your special text ]-->
                <data:messages.posts/>
              </b:if>
              <b:if cond='data:view.isArchive'><span expr:data-text='data:messages.blogArchive + &quot;:&quot;'/><data:blog.pageName/></b:if>
            </b:if>
          </h2>
        </div>
      </b:includable>

      <b:includable id='NoImage_var'><script>var NoImage = &quot;<b:include name='NoImage'/>&quot;</script></b:includable>
      <b:includable id='altImage'>&lt;img class=&#39;noImage imgThumb lazy&#39; data-src=&#39;<b:include name='NoImage'/>&#39; src=&#39;data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=&#39; alt=&#39;<data:messages.image/>&#39;/&gt;</b:includable>


      <b:includable id='widget-title'>
        <h2 class='title' expr:data-title='data:title.escaped'><b:eval expr='data:defaultTitle ?: data:title'/></h2>
      </b:includable>


      <!--[ Post article ]-->
      <b:includable id='postHeaders'>
        <b:if cond='data:widgets.Blog.first.allBylineItems.labels'>
          <div class='postHeader'>
            <!--[ Post labels ]-->
            <b:include name='postLabel'/>
          </div>
        </b:if>
      </b:includable>

      <b:includable id='postAuthorImage'>
        <b:if cond='data:widgets.Blog.first.allBylineItems.author and data:post.author.authorPhoto.image'>
          <div class='postAuthorImage'>
            <b:if cond='!data:view.isPost'>
              <img alt='author' class='authorImage lazy' expr:data-src='resizeImage(data:post.author.authorPhoto.image,40,&quot;1:1&quot;)'/>
              <b:else/>
              <img alt='author' class='authorImage lazy' expr:data-src='resizeImage(data:post.author.authorPhoto.image,50,&quot;1:1&quot;)'/>
            </b:if>
          </div>
        </b:if>
      </b:includable>

      <b:includable id='postAuthorName'>
        <b:if cond='data:widgets.Blog.first.allBylineItems.author'>
          <div class='authorName fn' data-write='المؤلف : ' expr:data-text='data:widgets.Blog.first.allBylineItems.author.label'>
            <b:if cond='data:post.author.profileUrl'>
              <meta expr:content='data:post.author.profileUrl' property='author'/>
              <a expr:aria-label='data:post.author.name' expr:data-text='data:post.author.name' expr:href='data:post.author.profileUrl' rel='author noreferrer' target='_blank'/>
              <b:else/>
              <span expr:data-text='data:post.author.name'/>
            </b:if>
          </div>
        </b:if>
      </b:includable>

      <b:includable id='postLabel'>
        <div class='postLabel'>
          <b:if cond='data:post.labels'>
            <b:loop index='i' values='data:post.labels' var='label'>
              <b:if cond='data:i &lt;= 1'>
                <b:tag expr:data-text='data:label.name' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;span&quot;'>
                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url.canonical + &quot;?max-results=10000&quot;' name='href'/>
                  <b:attr cond='data:blog.url != data:label.url' name='rel' value='tag'/>
                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                </b:tag>
              </b:if>
            </b:loop>
            <b:else/>
            <span expr:data-text='data:messages.posts'/>
          </b:if>
        </div>
      </b:includable>

      <b:includable id='postJumpLinks'>
        <a class='postMore' expr:aria-label='data:blog.jumpLinkMessage' expr:data-text='data:messages.keepReading + &quot;...&quot;' expr:href='data:post.url.canonical'/>
      </b:includable>

      <b:includable id='postCommentsLinks'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <a class='postComment' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment &quot;comments&quot;'>
            <svg class='line' viewBox='0 0 24 24'><path d='M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V14.25C19.25 15.3546 18.3546 16.25 17.25 16.25H14.625L12 19.25L9.375 16.25H6.75C5.64543 16.25 4.75 15.3546 4.75 14.25V6.75Z'/><path d='M9.5 11C9.5 11.2761 9.27614 11.5 9 11.5C8.72386 11.5 8.5 11.2761 8.5 11C8.5 10.7239 8.72386 10.5 9 10.5C9.27614 10.5 9.5 10.7239 9.5 11Z'/><path d='M12.5 11C12.5 11.2761 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.2761 11.5 11C11.5 10.7239 11.7239 10.5 12 10.5C12.2761 10.5 12.5 10.7239 12.5 11Z'/><path d='M15.5 11C15.5 11.2761 15.2761 11.5 15 11.5C14.7239 11.5 14.5 11.2761 14.5 11C14.5 10.7239 14.7239 10.5 15 10.5C15.2761 10.5 15.5 10.7239 15.5 11Z'/></svg>
          </a>
        </b:if>
      </b:includable>

      <b:includable id='postCommentLink'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <a class='postComment' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' href='#comments'>
            <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><line x1='14.71978' x2='9.28022' y1='12' y2='12'/><path d='M12,2h0A10,10,0,0,1,22,12v0A10,10,0,0,1,12,22H5a3,3,0,0,1-3-3V12A10,10,0,0,1,12,2Z'/></g></svg>
          </a>
        </b:if>
      </b:includable>

      <b:includable id='postTimestamps'>
        <time class='postTimestamp published' expr:data-text='format(data:post.date, &quot;MMMM d, YYYY&quot;)' expr:datetime='data:post.date.iso8601' expr:title='&quot;Published: &quot; + data:post.date format &quot;MMMM d, YYYY&quot;'/>
      </b:includable>

      <b:includable id='postEntrySnippet'>
        <b:eval expr='snippet(data:post.snippets.long, {length: 125, links: false, linebreaks: false})'/>
      </b:includable>

      <b:includable id='postEntryThumbnail'>
        <img class='imgThumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, &quot;6:4&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
      </b:includable>

      <!--[ Comment button ]-->
      <b:includable id='post-commentButton'>
        <!--[ Show/hide Comment ]-->
        <label class='commentsButton button outline' for='forshow-comment'>
          <b:if cond='data:post.numberOfComments &gt; 0'>
            <span expr:data-text='data:messages.postAComment + &quot; (&quot; + data:post.numberOfComments + &quot;)&quot;'/>
            <b:else/>
            <span expr:data-text='data:messages.postAComment'/>
          </b:if>
        </label>
      </b:includable>
    </b:defaultmarkup>
  </b:defaultmarkups>
  <script defer='defer' src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'/>
  <!--[ </head> close ]-->
  &lt;!--<head/>--&gt;&lt;/head&gt;

  <body id='mainContent'>
    <b:class cond='data:view.isMultipleItems' name='onIndex'/>
    <b:class cond='data:view.isMultipleItems != data:view.isHomepage' name='onBlog'/>
    <b:class cond='data:view.isHomepage' name='onHome'/>
    <b:class cond='data:view.isSingleItem' name='onItem'/>
    <b:class cond='data:view.isPage' name='onPage'/>
    <b:class cond='data:view.isPost' name='onPost'/>
    <b:class cond='data:view.isError' name='error404'/>
    <script>
      var thisID = &quot;<data:blog.blogId/>&quot;;
      var httpsEnabled = <data:blog.httpsEnabled/>;
    </script>

    <!--[ Active function ]-->
    <input class='navInput hidden' id='offnav-input' type='checkbox'/>
    <input class='offSearch hidden' id='offSearch' type='checkbox'/>
    <div class='template-settings'>
      <b:section class='hidden' id='template-settings1' name='إعدادات القالب' showaddelement='false'>
        <b:widget id='LinkList15' locked='true' title='التحكم في المظهر' type='LinkList' version='2' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='sorting'>NONE</b:widget-setting>
            <b:widget-setting name='text-1'>إخفاء الشريط الجانبي في المقالات</b:widget-setting>
            <b:widget-setting name='link-1'>false</b:widget-setting>
            <b:widget-setting name='text-0'>إخفاء الشريط الجانبي في الصفحات</b:widget-setting>
            <b:widget-setting name='link-0'>false</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <b:include name='content'/>
          </b:includable>
          <b:includable id='AU'/>
          <b:includable id='MetaWebsite'/>
          <b:includable id='content'>
            <b:loop values='data:links' var='link'>
              <b:if cond='data:link.name == &quot;إخفاء الشريط الجانبي في الصفحات&quot;'>
                <b:if cond='data:link.target == &quot;true&quot;'>
                  <b:if cond='data:view.isPage'><style>.mainbar{float: none;width: 100%;padding:0;}.blogContent .mainbar {max-width: 1000px;flex:0 0 auto;width:100%; margin:0 auto;}aside.sidebar {display: none;}</style></b:if>
                </b:if>
              </b:if>
            </b:loop>
          </b:includable>
        </b:widget>
        <b:widget id='LinkList14' locked='true' title='حماية المحتوى' type='LinkList' version='2' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='sorting'>NONE</b:widget-setting>
            <b:widget-setting name='text-1'>منع نسخ المحتوى</b:widget-setting>
            <b:widget-setting name='link-1'>false</b:widget-setting>
            <b:widget-setting name='text-0'>إيقاف الزر الأيمن</b:widget-setting>
            <b:widget-setting name='link-0'>false</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <b:include name='content'/>
          </b:includable>
          <b:includable id='AU'/>
          <b:includable id='MetaWebsite'/>
          <b:includable id='content'>
            <b:loop values='data:links' var='link'>
              <b:if cond='data:link.name == &quot;منع نسخ المحتوى&quot;'>
                <b:if cond='data:link.target == &quot;true&quot;'>
                  <style>body *{user-select: none !important;}</style>
                </b:if>
              </b:if>
              <b:if cond='data:link.name == &quot;إيقاف الزر الأيمن&quot;'>
                <b:if cond='data:link.target == &quot;true&quot;'>
                  <script>
                    document.addEventListener(&quot;contextmenu&quot;, function(e) { e.preventDefault(); });
                  </script>
                </b:if>
              </b:if>
            </b:loop>
          </b:includable>
        </b:widget>
      </b:section>
      <b:section class='hidden' id='template-settings2' name='إعدادات القالب' showaddelement='false'>
        <b:widget id='LinkList150' locked='true' title='التحكم في الخصائص' type='LinkList' version='2' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='sorting'>NONE</b:widget-setting>
            <b:widget-setting name='text-1'>lazy-load</b:widget-setting>
            <b:widget-setting name='link-1'>true</b:widget-setting>
            <b:widget-setting name='text-0'>تثبيت الهيدر</b:widget-setting>
            <b:widget-setting name='link-0'>true</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <b:include name='content'/>
          </b:includable>
          <b:includable id='AU'/>
          <b:includable id='MetaWebsite'/>
          <b:includable id='content'>
            <b:loop values='data:links' var='link'>
              <b:if cond='data:link.name == &quot;lazy-load&quot;'>
                <b:if cond='data:link.target == &quot;true&quot;'>
                  <script>var lazy_load = true;</script>
                  <b:else/>
                  <script>var lazy_load = false;</script>
                </b:if>
              </b:if>
              <b:if cond='data:link.name == &quot;تثبيت الهيدر&quot;'>
                <b:if cond='data:link.target == &quot;true&quot;'>
                  <style>.header{position: fixed;}</style>
                </b:if>
              </b:if>
            </b:loop>
          </b:includable>
        </b:widget>
      </b:section>
    </div>

    <b:if cond='!data:view.isError'>
      <b:tag class='mainWrapper' cond='!data:view.isError' name='div'>
        <header class='header' id='header'>
          <div class='header_container main_container d-flex al-center'>
            <b:section class='hidden' cond='!data:view.isLayoutMode' id='Author-profiles'>
              <b:widget id='BlogArchive300' locked='true' title='BlogArchive' type='BlogArchive' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='showStyle'>FLAT</b:widget-setting>
                  <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
                  <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
                  <b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>
                  <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
                  <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
                  <b:widget-setting name='chronological'>false</b:widget-setting>
                  <b:widget-setting name='showPosts'>false</b:widget-setting>
                  <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'><b:tag name='script' type='text/javascript'>var PostCount=<b:eval expr='data:data map (d=&gt; d.post-count)'/>.reduce(function(a,b){return a+b});</b:tag></b:includable>
                <b:includable id='content'/>
                <b:includable id='flat'/>
                <b:includable id='hierarchy'/>
                <b:includable id='interval' var='intervals'/>
                <b:includable id='posts' var='posts'/>
              </b:widget>
            </b:section>
            <!--[ Header widget ]-->
            <b:section id='header_widget' max-widget='1' name='رأس الصفحة' showaddelement='no'>
              <b:widget id='Header1' locked='true' title='tajarib wkhdma (رأس الصفحة)' type='Header' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='displayUrl'/>
                  <b:widget-setting name='displayHeight'>0</b:widget-setting>
                  <b:widget-setting name='sectionWidth'>150</b:widget-setting>
                  <b:widget-setting name='useImage'>false</b:widget-setting>
                  <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                  <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
                  <b:widget-setting name='displayWidth'>0</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main' var='this'>
                  <div class='header-widget'>
                    <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
                    <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
                  </div>
                  <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
                </b:includable>
                <b:includable id='behindImageStyle'>
                  <b:if cond='data:sourceUrl'>
                    <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget h1&quot;                  }' name='responsiveImageStyle'/>
                    <style type='text/css'>
                      .header-widget h1 {
                      background-position: <data:blog.locale.languageAlignment/>;
                      background-repeat: no-repeat;
                      background-size: 100%;
                      }
                    </style>
                  </b:if>
                </b:includable>
                <b:includable id='description'>
                  <p>
                    <data:this.description/>
                  </p>
                </b:includable>
                <b:includable id='image'>
                  <a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
                    <b:include data='{                                                 image: data:image,                                                 altText: data:blog.title.escaped,                                                 originalWidth: data:width,                                                 originalHeight: data:height                                               }' name='responsiveImage'/>
                  </a>
                 <h1 class='hidden'><data:title/></h1>
                </b:includable>
                <b:includable id='title'>
                  <h1>
                    <b:tag expr:href='data:blog.homepageUrl' name='a'>
                      <data:title/>
                    </b:tag>
                  </h1>
                </b:includable>
              </b:widget>
            </b:section>
            <b:section id='main_menu' maxwidgets='3' name='قائمة التصفح' showaddelement='no'>
              <b:widget id='LinkList1' locked='true' title='القائمة الرئيسية' type='LinkList' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='sorting'>NONE</b:widget-setting>
                  <b:widget-setting name='text-1'>إستشارة مجانية</b:widget-setting>
                  <b:widget-setting name='link-1'>https://wa.me/212700119378</b:widget-setting>
                  <b:widget-setting name='text-0'>الصفحة الرئيسية</b:widget-setting>
                  <b:widget-setting name='link-0'>#</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                  <b:include name='content'/>
                </b:includable>
                <b:includable id='AU'>
                  <b:tag name='script' type='text/javascript'> 
                    (function() {
                    var snapAuthor = AuthorsInfo.filter(function(a) {
                    return a.name === &#39;<data:title/>&#39;
                    })[0];
                    if (snapAuthor !== undefined) {
                    snapAuthor.provided = true;
                    <b:loop values='data:links' var='link'>
                      <b:if cond='data:link.name == &quot;facebook&quot;'>
                        snapAuthor.links[&#39;facebook&#39;] = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;youtube&quot;'>
                        snapAuthor.links[&#39;youtube&#39;] = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;telegram&quot;'>
                        snapAuthor.links[&#39;telegram&#39;] = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;tiktok&quot;'>
                        snapAuthor.links[&#39;tiktok&#39;] = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;snapchat&quot;'>
                        snapAuthor.links[&#39;snapchat&#39;] = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;blogger&quot;'>
                        snapAuthor.links[&#39;blogger&#39;] = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;website&quot;'>
                        snapAuthor.links[&#39;website&#39;] = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;label&quot;'>
                        snapAuthor.label = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;about&quot;'>
                        snapAuthor.about = &#39;<data:link.target/>&#39;;
                      </b:if>
                      <b:if cond='data:link.name == &quot;rank&quot;'>
                        snapAuthor.rank = &#39;<data:link.target/>&#39;;;
                      </b:if>
                    </b:loop>
                    }
                    })(); 
                  </b:tag>
                </b:includable>
                <b:includable id='MetaWebsite'>
                  <b:if cond='data:view.isHomepage'>
                    <b:tag name='script' type='application/ld+json'>
                      {
                      &quot;@context&quot;: &quot;http://schema.org&quot;,
                      &quot;@type&quot;: &quot;Organization&quot;,
                      &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,
                      &quot;logo&quot;: &quot;<b:loop values='data:links' var='link'><b:if cond='data:link.name in {&quot;logo&quot;,&quot;Logo&quot;}'><data:link.target/></b:if></b:loop>&quot;,
                      &quot;name&quot;: &quot;<data:blog.title/>&quot;,
                      &quot;sameAs&quot;:[<b:loop index='i' values='data:links' var='link'><b:if cond='data:link.name not in {&quot;logo&quot;,&quot;Logo&quot;}'>&quot;<data:link.target/>&quot;<b:if cond='data:links.length != data:i+1'>,</b:if></b:if>
                      </b:loop>
                      ]}
                    </b:tag>
                  </b:if>
                </b:includable>
                <b:includable id='content'>
                  <ul class='htmlMenu nav d-flex al-center main_container' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
                    <b:loop values='data:links' var='link'>
                      <li>
                        <a class='link' expr:href='data:link.target' itemprop='url'>
                          <!--[ Title navigation ]-->
                          <span class='name d-flex al-center' expr:title='data:link.name' itemprop='name'><data:link.name/></span>
                        </a>
                      </li>
                    </b:loop>
                  </ul>
                </b:includable>
              </b:widget>
            </b:section>
            <label class='closemenu fullClose' for='offnav-input'/>
            <!--[ Header Search ]-->
            <b:if cond='!data:view.isLayoutMode'>
              <div class='headerSearch'>
                <!--[ Search Form ]-->
                <form class='searchForm' expr:action='data:blog.homepageUrl.canonical path &quot;search&quot;' method='get' target='_top'>
                  <input aria-label='Search' autocomplete='off' id='searchInput' name='q' placeholder='إبحث هنا ...' type='text'/>
                  <button aria-label='Search button' class='searchButton' type='submit'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='11' cy='11' r='8'/><line x1='21' x2='16.65' y1='21' y2='16.65'/></svg></button>
                  <label aria-label='Search close' class='Search_close d-flex al-center' for='offSearch'>
                    <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg>
                  </label>
                </form>
              </div>
              <b:tag class='fullClose Search' for='offSearch' name='label'/>
            </b:if>
            <div class='header_icon d-flex al-center'>
              <!--[ Search button ]-->
              <label aria-label='Search' class='navSearch' data-text='بحث المدونة' for='offSearch'>
                <svg class='line' viewBox='0 2 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='11' cy='11' r='8'/><line x1='21' x2='16.65' y1='21' y2='16.65'/></svg>
              </label>
              <!--[ Nav button ]-->
              <label aria-label='Menu Navigation' class='navMenu d-flex al-center' for='offnav-input'>
                <div class='off-menu-icon' id='off-menu-icon'><span class='top line'/> <span class='middle line' style=''/> <span class='bottom line'/></div>
              </label>
            </div>
          </div>
        </header>
        <!--[ Blog content ]-->
        <div class='main_content'>
          <b:section class='qawa3id_ad main_container' id='qw_ad' max-widgets='1' name='إعلان علوي' showaddelement='no'>
            <b:widget id='HTML1' locked='true' title='إعلان' type='HTML' version='2' visible='false'>
              <b:widget-settings>
                <b:widget-setting name='content'/>
              </b:widget-settings>
              <b:includable id='main'>
                <div align='center' class='widget-content'>
                  <data:content/>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
          <div class='blogContent main_container'>
            <!--[ Main content ]-->
            <main class='mainbar' id='main-wrapper'>
              <div class='theiaStickySidebar'>
                <b:section id='main-widget' name='التدوينات الرئيسية' showaddelement='no'>
                  <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'>
                    <b:widget-settings>
                      <b:widget-setting name='commentLabel'>Comment</b:widget-setting>
                      <b:widget-setting name='showShareButtons'>false</b:widget-setting>
                      <b:widget-setting name='authorLabel'>المؤلف</b:widget-setting>
                      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
                      <b:widget-setting name='timestampLabel'>التاريخ</b:widget-setting>
                      <b:widget-setting name='reactionsLabel'/>
                      <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
                      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
                      <b:widget-setting name='showLocation'>false</b:widget-setting>
                      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
                      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
                      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
                      <b:widget-setting name='showDateHeader'>false</b:widget-setting>
                      <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
                      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
                      <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
                      <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
                      <b:widget-setting name='showAuthor'>true</b:widget-setting>
                      <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
                      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
                      <b:widget-setting name='showLabels'>true</b:widget-setting>
                      <b:widget-setting name='postLabelsLabel'/>
                      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
                      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
                      <b:widget-setting name='showReactions'>false</b:widget-setting>
                    </b:widget-settings>
                    <b:includable id='main'>

                      <b:include cond='data:view.isMultipleItems' name='titlePost'/>

                      <div class='blogPosts'>
                        <b:class cond='data:posts.empty' name='empty'/>

                        <!--[ If no content found ]-->
                        <b:include name='noContentPlaceholder'/>

                        <b:loop index='i' values='data:posts' var='post'>
                          <b:include data='post' name='postCommentsAndAd'/>
                        </b:loop>
                      </div>

                      <b:include cond='data:view.isMultipleItems' name='postPagination'/>
                    </b:includable>
                    <b:includable id='aboutPostAuthor'/>
                    <b:includable id='addComments'/>
                    <b:includable id='backlinkDeleteIcon' var='backlink'/>
                    <b:includable id='backlinks' var='post'/>
                    <b:includable id='blogThisShare'/>
                    <b:includable id='breadcrumb' var='post'>
                      <!--[ Post breadcrumbs ]-->
                      <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
                        <div class='homeLink' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                          <a expr:href='data:blog.homepageUrl.canonical' itemprop='item'><span itemprop='name'>الرئيسية</span></a>
                          <meta content='1' itemprop='position'/>
                        </div>
                        <b:if cond='data:post.labels'>
                          <b:loop index='num' values='data:post.labels' var='label'>
                            <div class='labelLink' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                              <a expr:href='data:label.url.canonical + &quot;?max-results=10000&quot;' itemprop='item'><span itemprop='name'><data:label.name/></span></a>
                              <meta expr:content='data:num+2' itemprop='position'/>
                            </div>
                          </b:loop>
                          <b:elseif cond='data:view.isPost'/>
                          <div class='labelLink noLabel'><data:messages.posts/></div>
                        </b:if>
                        <b:tag class='titleLink' expr:data-text='data:post.title' name='div'/>
                      </div>
                    </b:includable>
                    <b:includable id='bylineByName' var='byline'/>
                    <b:includable id='bylineRegion' var='regionItems'/>
                    <b:includable id='comment-form' var='post'>
                      <div class='comment-form'>
                        <a name='comment-form'/>
                        <b:if cond='data:mobile'>
                          <h4 id='comment-post-message'>
                            <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
                          <p><data:blogCommentMessage/></p>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                          <b:else/>
                          <h4 id='comment-post-message'><data:postCommentMsg/></h4>
                          <p><data:blogCommentMessage/></p>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        </b:if>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
                        </script>
                      </div>
                    </b:includable>
                    <b:includable id='commentAuthorAvatar'/>
                    <b:includable id='commentDeleteIcon' var='comment'/>
                    <b:includable id='commentForm' var='post'/>
                    <b:includable id='commentFormIframeSrc' var='post'/>
                    <b:includable id='commentItem' var='comment'/>
                    <b:includable id='commentList' var='comments'/>
                    <b:includable id='commentPicker' var='post'/>
                    <b:includable id='comment_count_picker' var='post'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                        <data:post.commentLabelFull/>:
                      </a>
                    </b:includable>
                    <b:includable id='comment_picker' var='post'>
                      <b:if cond='data:post.showThreadedComments'>
                        <b:include data='post' name='threaded_comments'/>
                        <b:else/>
                        <b:include data='post' name='comments'/>
                      </b:if>
                    </b:includable>
                    <b:includable id='commentblock' var='cb'>
                      &lt;div class=&#39;commentInner&#39;&gt;
                      <div class='commentBlock d-flex' itemscope='itemscope' itemtype='https://schema.org/Comment'>
                        <div class='commentAvatar'>
                          <b:if cond='data:cb.level.authorAvatarSrc'>
                            <img class='lazy' expr:data-src='resizeImage(data:cb.level.authorAvatarSrc, 100, &quot;1:1&quot;)'/>
                          </b:if>
                        </div>
                        <div class='commentContainer'>
                          <div class='commentHeader'>
                            <b:if cond='data:cb.level.author != &quot;Anonymous&quot;'>
                              <span class='name' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
                                <span itemprop='name'><data:cb.level.author/></span>
                                <b:if cond='data:post.author.name == data:cb.level.author'>
                                  <svg viewBox='0 0 24 24'><path clip-rule='evenodd' d='M9.3764 20.0279L18.1628 8.66544C18.6403 8.0527 18.8101 7.3443 18.6509 6.62299C18.513 5.96726 18.1097 5.34377 17.5049 4.87078L16.0299 3.69906C14.7459 2.67784 13.1541 2.78534 12.2415 3.95706L11.2546 5.23735C11.1273 5.39752 11.1591 5.63401 11.3183 5.76301C11.3183 5.76301 13.812 7.76246 13.8651 7.80546C14.0349 7.96671 14.1622 8.1817 14.1941 8.43969C14.2471 8.94493 13.8969 9.41792 13.377 9.48242C13.1329 9.51467 12.8994 9.43942 12.7297 9.29967L10.1086 7.21422C9.98126 7.11855 9.79025 7.13898 9.68413 7.26797L3.45514 15.3303C3.0519 15.8355 2.91395 16.4912 3.0519 17.1255L3.84777 20.5761C3.89021 20.7589 4.04939 20.8879 4.24039 20.8879L7.74222 20.8449C8.37891 20.8341 8.97316 20.5439 9.3764 20.0279ZM14.2797 18.9533H19.9898C20.5469 18.9533 21 19.4123 21 19.9766C21 20.5421 20.5469 21 19.9898 21H14.2797C13.7226 21 13.2695 20.5421 13.2695 19.9766C13.2695 19.4123 13.7226 18.9533 14.2797 18.9533Z' fill-rule='evenodd'/></svg>
                                </b:if>
                              </span>
                              <b:else/>
                              <span class='name' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
                                <span itemprop='name'>Anonymous</span>
                              </span>
                            </b:if>
                          </div>

                          <div class='commentContent' itemprop='text'>
                            <b:class cond='data:cb.level.isDeleted' name='hasDeleted'/>
                            <b:if cond='data:cb.level.author != data:post.author.name'>
                              <b:eval expr='data:cb.level.body snippet { links: false }'/>
                              <b:else/>
                              <data:cb.level.body/>
                            </b:if>
                          </div>
                        </div>

                      </div>
                    </b:includable>
                    <b:includable id='comments' var='post'/>
                    <b:includable id='commentsLink'/>
                    <b:includable id='commentsLinkIframe'/>
                    <b:includable id='commentsTitle'>
                      <h3 class='title'>
                        <b:if cond='data:post.numberOfComments &gt; 0'>
                          <b:message name='messages.numberOfComments'>
                            <b:param expr:value='data:post.numberOfComments' name='numComments'/>
                          </b:message>
                          <b:else/>
                          <data:messages.postAComment/>
                        </b:if>
                      </h3>
                    </b:includable>
                    <b:includable id='defaultAdUnit'>
                      <ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: &quot;display: block;&quot;'/>
                      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
                    </b:includable>
                    <b:includable id='emailPostIcon'/>
                    <b:includable id='facebookShare'/>
                    <b:includable id='feedLinks'/>
                    <b:includable id='feedLinksBody' var='links'/>
                    <b:includable id='footerBylines'/>
                    <b:includable id='googlePlusShare'/>
                    <b:includable id='headerByline'/>
                    <b:includable id='homePageLink'/>
                    <b:includable id='iframeComments' var='post'/>
                    <b:includable id='iframe_comments' var='post'>
                      <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
                    </b:includable>
                    <b:includable id='inlineAd' var='post'>
                      <b:if cond='!data:view.isPreview'>
                        <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
                          <!-- Ad -->
                          <div class='inline-ad'>
                            <b:if cond='data:this.adCode != &quot;&quot;'>
                              <data:this.adCode/>
                              <b:else/>
                              <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
                            </b:if>
                          </div>
                        </b:if>
                        <b:else/>
                        <div class='inline-ad'>
                          <div class='inline-ad-placeholder'>
                            <span><b:message name='messages.adsGoHere'/></span>
                          </div>
                        </div>
                      </b:if>
                    </b:includable>
                    <b:includable id='linkShare'/>
                    <b:includable id='manageComments'/>
                    <b:includable id='mobile-index-post' var='post'>
                      <div class='mobile-date-outer date-outer'>
                        <b:if cond='data:post.dateHeader'>
                          <div class='date-header'>
                            <span><data:post.dateHeader/></span>
                          </div>
                        </b:if>

                        <div class='mobile-post-outer'>
                          <a expr:href='data:post.url'>
                            <h3 class='mobile-index-title entry-title' itemprop='name'>
                              <data:post.title/>
                            </h3>

                            <div class='mobile-index-arrow'>&amp;rsaquo;</div>

                            <div class='mobile-index-contents'>
                              <b:if cond='data:post.thumbnailUrl'>
                                <div class='mobile-index-thumbnail'>
                                  <div class='Image'>
                                    <img expr:src='data:post.thumbnailUrl'/>
                                  </div>
                                </div>
                              </b:if>

                              <div class='post-body'>
                                <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
                              </div>
                            </div>

                            <div style='clear: both;'/>
                          </a>

                          <div class='mobile-index-comment'>
                            <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
                          </div>
                        </div>
                      </div>
                    </b:includable>
                    <b:includable id='mobile-main' var='top'>
                      <!-- posts -->
                      <div class='blog-posts hfeed'>

                        <b:include data='top' name='status-message'/>

                        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-index-post'/>
                          </b:loop>
                          <b:else/>
                          <b:loop values='data:posts' var='post'>
                            <b:include data='post' name='mobile-post'/>
                          </b:loop>
                        </b:if>
                      </div>

                      <b:include name='mobile-nextprev'/>
                    </b:includable>
                    <b:includable id='mobile-nextprev'>
                      <div class='mobile-pager'>
                        <b:if cond='data:newerPageUrl'>
                          <a class='m-Nav mobile-newer' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
                        </b:if>

                        <b:if cond='data:olderPageUrl'>
                          <a class='m-Nav mobile-older' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
                        </b:if>

                        <div class='clear'/>

                        <a class='desktop-disp' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>

                      </div>
                      <div class='clear'/>
                    </b:includable>
                    <b:includable id='mobile-post' var='post'>
                      <div class='date-outer'>
                        <b:if cond='data:post.dateHeader'>
                          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
                        </b:if>
                        <div class='date-posts'>
                          <div class='post-outer'>

                            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                              <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                              </b:if>
                              <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                              <meta expr:content='data:post.id' itemprop='postId'/>

                              <a expr:name='data:post.id'/>
                              <b:if cond='data:post.title'>
                                <h3 class='post-title entry-title' itemprop='name'>
                                  <b:if cond='data:post.link'>
                                    <a expr:href='data:post.link'><data:post.title/></a>
                                    <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
                                    <a expr:href='data:post.url'><data:post.title/></a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </h3>
                              </b:if>

                              <div class='post-header'>
                                <div class='post-header-line-1'/>
                              </div>

                              <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                                <data:post.body/>
                                <div style='clear: both;'/> <!-- clear for photos floats -->
                              </div>

                              <div class='post-footer'>
                                <div class='post-footer-line post-footer-line-1'>
                                  <span class='post-author vcard'>
                                    <b:if cond='data:top.showAuthor'>
                                      <b:if cond='data:post.authorProfileUrl'>
                                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                          <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                          <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                            <span itemprop='name'><data:post.author/></span>
                                          </a>
                                        </span>
                                        <b:else/>
                                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                          <span itemprop='name'><data:post.author/></span>
                                        </span>
                                      </b:if>
                                    </b:if>
                                  </span>

                                  <span class='post-timestamp'>
                                    <b:if cond='data:top.showTimestamp'>
                                      <data:top.timestampLabel/>
                                      <b:if cond='data:post.url'>
                                        <meta expr:content='data:post.url.canonical' itemprop='url'/>
                                        <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                                      </b:if>
                                    </b:if>
                                  </span>

                                  <span class='post-comment-link'>
                                    <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
                                  </span>
                                </div>

                                <div class='post-footer-line post-footer-line-2'>
                                  <b:if cond='data:top.showMobileShare'>
                                    <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                      <a href='javascript:void(0);'><data:shareMsg/></a>
                                    </div>
                                  </b:if>
                                  <b:if cond='data:top.showDummy'>
                                    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
                                  </b:if>
                                </div>

                              </div>
                            </div>

                            <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
                          </div>
                        </div>
                      </div>
                    </b:includable>
                    <b:includable id='multipostInfo'>
                      <b:tag class='multi postInfo' name='div'>
                        <b:class cond='data:view.isPost and !data:widgets.Blog.first.allBylineItems.author' name='noAuthor'/>
                        <b:class cond='data:view.isPost and !data:post.allowComments' name='noComment'/>

                        <b:if cond='data:view.isMultipleItems'>
                          <!--[ Post timestamp ]-->
                          <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestamps'/>
                          <!--[ Post comment count ]-->
                          <b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
                            <b:include name='postCommentsLinks'/>
                          </b:if>
                          <b:else/>

                          <!--[ Info in item page ]-->
                          <b:tag class='postAuthor' cond='data:widgets.Blog.first.allBylineItems.author' name='div'>
                            <b:include name='postAuthorImage'/>

                            <b:tag class='postAuthorName' cond='data:widgets.Blog.first.allBylineItems.author' name='div'>
                              <b:include name='postAuthorName'/>
                            </b:tag>
                          </b:tag>

                          <div class='postComments'>
                            <!--[ Post comment count ]-->
                            <b:if cond='data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments'>
                              <b:include name='postCommentLink'/>
                            </b:if>
                          </div>
                        </b:if>
                      </b:tag>
                    </b:includable>
                    <b:includable id='nextPageLink'/>
                    <b:includable id='nextprev'>
                    </b:includable>
                    <b:includable id='noContentPlaceholder'>
                      <b:if cond='data:posts.empty'>
                        <!--[ No posts messages ]-->
                        <div class='noPosts'><data:messages.noResultsFound/>...</div>
                      </b:if>
                    </b:includable>
                    <b:includable id='otherSharingButton'/>
                    <b:includable id='platformShare'/>
                    <b:includable id='post' var='post'/>
                    <b:includable id='postAuthor'/>
                    <b:includable id='postBody' var='post'/>
                    <b:includable id='postBodySnippet' var='post'/>
                    <b:includable id='postCommentsAndAd' var='post'>

                      <!--[ Post article ]-->
                      <article class='hentry'>
                        <b:class cond='data:view.isSingleItem' name='post'/>
                        <b:class cond='data:view.isMultipleItems and !data:post.featuredImage' name='noThumbnail'/>
                        <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp and !data:widgets.Blog.first.allBylineItems.comments' name='noInfo'/>
                        <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp and data:post.numberOfComments == 0' name='noComment'/>

                        <b:tag class='postInner' cond='data:view.isSingleItem' id='postInner' name='div'>
                          <!--[ Post breadcrumbs ]-->
                          <b:include cond='data:view.isSingleItem' data='post' name='breadcrumb'/>

                          <b:if cond='data:view.isMultipleItems'>
                            <!--[ Post thumbnail ]-->
                            <div class='postThumbnail'>
                              <b:tag expr:name='data:post.featuredImage ? &quot;a&quot; : &quot;a&quot;'>
                                <b:attr expr:value='data:post.url' name='href'/>
                                <b:if cond='data:post.featuredImage'>
                                  <b:include name='postEntryThumbnail'/>
                                  <b:else/>
                                  <b:include name='altImage'/>
                                </b:if>
                              </b:tag>
                            </div>
                          </b:if>

                          <b:tag class='postContent' cond='data:view.isMultipleItems' name='div'>
                            <!--[ Post title-->
                            <b:tag class='postTitle' expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? &quot;h2&quot; : &quot;h1&quot;'>
                              <b:tag expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? &quot;a&quot; : &quot;span&quot;'>
                                <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.url.canonical' name='href'/>
                                <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.title' name='data-text'/>
                                <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' name='rel' value='bookmark'/>
                                <data:post.title/>
                              </b:tag>
                            </b:tag>
                            <b:if cond='data:view.isSingleItem'>
                              <!--[ Post body ]-->
                              <div class='postEntry' expr:id='&quot;postID-&quot; + data:post.id'>
                                <div class='postBody' id='postBody'>
                                  <b:if cond='data:view.isPost'>
                                    <b:if cond='data:post.body contains &quot;↔&quot; or data:post.body contains &quot;↚&quot;'>
                                      <b:else/>
                                      <div id='tocDiv'/>
                                    </b:if>
                                  </b:if>
                                  <!--[ Post top ad ]-->
                                  <div id='top-ad'/>
                                  <data:post.body/>
                                  <div id='bottom-ad'/>
                                  <span id='RandomPosts'>
                                    <div class='post-random' id='post-random'>
                                      <div class='newPost'/>
                                      <div class='newPost'/>
                                      <div class='newPost'/>
                                      <div class='newPost'/>
                                    </div>
                                  </span>
                                </div>
                                <b:if cond='data:post.body contains &quot;&amp;lt;&amp;gt;&amp;lt;&amp;gt;&quot;'>
                                  <div class='post-pages'/>
                                </b:if>
                              </div>

                            </b:if>
                            <b:include data='post' name='postMetadataJSON'/>
                          </b:tag>
                        </b:tag>
                        <b:if cond='data:view.isPost'>
                          <b:include data='post' name='qw-scripts'/>
                          <div class='sharing'>
                            <div class='sharing_panel'>
                              <div class='sharin_label'>
                                <span>شارك على</span>
                              </div>
                              <!-- Sharingbutton Facebook -->
                              <a aria-label='Facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url.canonical' rel='noopener' target='_blank' title='Share on Facebook'>
                                <div class='sharing_button facebook'>
                                  <svg viewBox='0 0 24 24'>
                                    <path d='M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z'/>
                                  </svg>
                                </div>
                              </a>
                              <!-- Sharingbutton WhatsApp -->
                              <a aria-label='WhatsApp' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:blog.url.canonical' rel='noopener' target='_blank' title='Share on WhatsApp'>
                                <div class='sharing_button whatsapp'>
                                  <svg viewBox='0 0 24 24'>
                                    <path d='M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z'/>
                                  </svg>
                                </div>
                              </a>
                              <!-- Sharingbutton Twitter -->
                              <a aria-label='Twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank' title='Share on Twitter'>
                                <div class='sharing_button twitter'>
                                  <svg viewBox='0 0 24 24'>
                                    <path d='M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z'/>
                                  </svg>
                                </div>
                              </a>
                              <!-- Sharingbutton E-Mail -->
                              <a aria-label='E-Mail' expr:href='&quot;mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:blog.url.canonical' rel='noopener' target='_self' title='Share on Email'>
                                <div class='sharing_button email'>
                                  <svg viewBox='0 0 24 24'>
                                    <path d='M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z'/>
                                  </svg>
                                </div>
                              </a>

                              <!-- Sharingbutton Telegram -->
                              <a aria-label='Telegram' expr:href='&quot;https://t.me/share/url?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank' title='Share on Telegram'>
                                <div class='sharing_button telegram'>
                                  <svg viewBox='0 0 24 24'>
                                    <path d='M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z'/>
                                  </svg>
                                </div>
                              </a>

                              <a href='javascript:window.print()' rel='nofollow' title='Print page'><div class='sharing_button print'>
                                <svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'>&gt;<path d='M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z'/></svg>
                                </div></a>

                              <!-- Sharingbutton Reddit -->
                              <a aria-label='Reddit' expr:href='&quot;https://reddit.com/submit/?url=&quot; + data:blog.url.canonical + &quot;&amp;resubmit=true&amp;title=&quot; + data:post.title' rel='noopener' target='_blank' title='Share on Reddit'>
                                <div class='sharing_button reddit'>
                                  <svg viewBox='0 0 24 24'>
                                    <path d='M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z'/>
                                  </svg>
                                </div>
                              </a>

                              <a href='javascript:;' onclick='Copy();' title='Copy URL' type='button'>
                                <div class='sharing_button copy'>
                                  <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect height='13' rx='2' ry='2' width='13' x='9' y='9'/><path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/></svg>
                                </div>
                              </a>
                              <script>/*<![CDATA[*/function Copy(){var dummy=document.createElement("input"),text=window.location.href;document.body.appendChild(dummy);dummy.value=text;dummy.select();document.execCommand("copy");document.body.removeChild(dummy)};/*]]>*/</script>
                              <div class='clear'/>
                            </div>
                          </div>
                        </b:if>
                      </article>

                      <!--[ Post footer ]-->
                      <b:tag class='postFooter' cond='data:view.isPost' name='div'>

                        <!--[ Related post ]-->
                        <b:if cond='data:view.isPost and !data:view.isPreview'>
                          <div id='relatedPosts'/>
                        </b:if>
                        <!--[ Matched content ad ]-->

                        <b:tag class='blogComments' cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' id='comments' name='div'>
                          <!--[ Blogger Comments ]-->
                          <b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>
                        </b:tag>
                      </b:tag>
                    </b:includable>
                    <b:includable id='postCommentsLink'/>
                    <b:includable id='postFooter' var='post'/>
                    <b:includable id='postFooterAuthorProfile' var='post'/>
                    <b:includable id='postHeader'/>
                    <b:includable id='postInfo'>
                      <b:tag class='postInfo' name='div'>
                        <b:class cond='data:view.isPost and !data:widgets.Blog.first.allBylineItems.author' name='noAuthor'/>
                        <b:class cond='data:view.isPost and !data:post.allowComments' name='noComment'/>

                        <b:if cond='data:view.isMultipleItems'>
                          <!--[ Post timestamp ]-->
                          <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestamps'/>

                          <!--[ Post comment count ]-->
                          <b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
                            <b:include name='postCommentsLinks'/>
                          </b:if>

                          <b:else/>

                          <!--[ Info in item page ]-->
                          <b:tag class='postAuthor' cond='data:widgets.Blog.first.allBylineItems.author' name='div'>
                            <b:include name='postAuthorImage'/>

                            <b:tag class='postAuthorName' cond='data:widgets.Blog.first.allBylineItems.author' name='div'>
                              <b:include name='postAuthorName'/>
                            </b:tag>
                          </b:tag>

                          <div class='postComments'>
                            <!--[ Post comment count ]-->
                            <b:if cond='data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments'>
                              <b:include name='postCommentLink'/>
                            </b:if>
                          </div>


                        </b:if>
                      </b:tag>
                    </b:includable>
                    <b:includable id='postJumpLink' var='post'/>
                    <b:includable id='postLabels'/>
                    <b:includable id='postLocation'/>
                    <b:includable id='postMeta' var='post'>
                      <b:include data='post' name='postMetadataJSON'/>
                    </b:includable>
                    <b:includable id='postMetadataJSONImage'>
                      &quot;image&quot;: {
                      &quot;@type&quot;: &quot;ImageObject&quot;,
                      <b:if cond='data:post.featuredImage.isResizable'>
                        &quot;url&quot;: &quot;<b:eval expr='resizeImage(data:post.featuredImage, 1200, &quot;1200:630&quot;)'/>&quot;,
                        &quot;height&quot;: 630,
                        &quot;width&quot;: 1200
                        <b:else/>
                        &quot;url&quot;: &quot;https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/w1200/&quot;,
                        &quot;height&quot;: 348,
                        &quot;width&quot;: 1200
                      </b:if>
                      },
                    </b:includable>
                    <b:includable id='postMetadataJSONPublisher'>
                      &quot;publisher&quot;: {
                      &quot;@type&quot;: &quot;Organization&quot;,
                      &quot;name&quot;: &quot;Blogger&quot;,
                      &quot;logo&quot;: {
                      &quot;@type&quot;: &quot;ImageObject&quot;,
                      &quot;url&quot;: &quot;https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/&quot;,
                      &quot;width&quot;: 206,
                      &quot;height&quot;: 60
                      }
                      },&quot;author&quot;: {
                      &quot;@type&quot;: &quot;Person&quot;,
                      &quot;name&quot;: &quot;<data:post.author.name.jsonEscaped/>&quot;,
                      &quot;url&quot;: &quot;<data:post.author.profileUrl.jsonEscaped/>&quot;,
                      &quot;image&quot;: &quot;<data:post.author.authorPhoto.image.jsonEscaped/>&quot;
                      }
                      }
                    </b:includable>
                    <b:includable id='postPagination'>
                      <!--[ Blog navigation ]-->
                      <div class='blogPager' id='blogPager'>
                        <b:tag class='noPost' cond='data:view.url == data:blog.homepageUrl and !data:olderPageUrl' expr:data-text='data:messages.noResultsFound' name='div'/>
                        <b:include cond='!data:posts.empty' name='postPagination.new'/>
                        <b:include name='postPagination.home'/>
                        <b:include cond='!data:posts.empty' name='postPagination.old'/>
                      </div>
                    </b:includable>
                    <b:includable id='postPagination.home'>
                      <b:tag class='homeLink' expr:name='data:view.url != data:blog.homepageUrl ? &quot;a&quot; : &quot;div&quot;'>
                        <b:class cond='data:view.url == data:blog.homepageUrl' name='noPost'/>
                        <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/>
                        <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:messages.home' name='aria-label'/>
                        <b:attr cond='data:posts.empty' expr:value='data:messages.home' name='data-text'/>
                        <b:if cond='!data:posts.empty'>
                          <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M30,15a1,1,0,0,1-.58-.19L16,5.23,2.58,14.81a1,1,0,0,1-1.16-1.62l14-10a1,1,0,0,1,1.16,0l14,10A1,1,0,0,1,30,15Z'/><path d='M5,9A1,1,0,0,1,4,8V4A1,1,0,0,1,5,3H9A1,1,0,0,1,9,5H6V8A1,1,0,0,1,5,9Z'/><path d='M25,29H20a1,1,0,0,1-1-1V21H13v7a1,1,0,0,1-1,1H7a3,3,0,0,1-3-3V16a1,1,0,0,1,2,0V26a1,1,0,0,0,1,1h4V20a1,1,0,0,1,1-1h8a1,1,0,0,1,1,1v7h4a1,1,0,0,0,1-1V16a1,1,0,0,1,2,0V26A3,3,0,0,1,25,29Z'/></svg>
                        </b:if>
                      </b:tag>
                    </b:includable>
                    <b:includable id='postPagination.new'>
                      <b:if cond='data:newerPageUrl and data:view.url != data:blog.homepageUrl.canonical path &quot;search&quot;'>
                        <a class='newerLink' expr:aria-label='data:messages.newest' expr:data-text='data:messages.newest' expr:href='data:newerPageUrl.canonical'>
                          <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
                        </a>
                        <b:else/>
                        <div class='newerLink noPost' expr:data-text='data:messages.newest'>
                          <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
                        </div>
                      </b:if>
                    </b:includable>
                    <b:includable id='postPagination.old'>
                      <b:tag class='olderLink' expr:data-text='data:messages.oldest' expr:name='data:olderPageUrl ? &quot;a&quot; : &quot;div&quot;'>
                        <b:class cond='!data:olderPageUrl' name='noPost'/>
                        <b:attr cond='data:olderPageUrl' expr:value='data:olderPageUrl.canonical' name='href'/>
                        <b:attr cond='data:olderPageUrl' expr:value='data:messages.oldest' name='aria-label'/>
                        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
                      </b:tag>
                    </b:includable>
                    <b:includable id='postQuickEdit' var='post'>
                      <b:if cond='data:post.editUrl'>
                        <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                            <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
                          </a>
                        </span>
                      </b:if>
                    </b:includable>
                    <b:includable id='postReactions'/>
                    <b:includable id='postShareButtons'/>
                    <b:includable id='postTimestamp'/>
                    <b:includable id='postTitle' var='post'/>
                    <b:includable id='previousPageLink'/>
                    <b:includable id='qw-scripts' var='post'>
                      <b:if cond='data:post.body contains &quot;&amp;lt;&amp;gt;&amp;lt;&amp;gt;&quot;'>
                        <!-- Pagination -->
                        <script type='text/javascript'>/*<![CDATA[*/
(function(){var a=document.querySelector(".postBody"),b=a.innerHTML.split("&lt;&gt;&lt;&gt;"),c=1,d=new String,e=location.search.replace("?","").split("&");document.querySelector(".postEntry").classList.add("divided-post");for(var f=0;f<e.length;f++)"page"===e[f].split("=")[0]&&(c=parseInt(e[f].split("=")[1]));a.innerHTML=b[c-1],c!==b.length&&(d+="<a class=\"next-page\" href=\"?page="+(c+1)+"\">التالي<svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><line x1='19' y1='12' x2='5' y2='12'></line><polyline points='12 19 5 12 12 5'></polyline></svg></a>"),1!==c&&(d+="<a class=\"prev-page\" href=\"?page="+(c-1)+"\"><svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><line x1='5' y1='12' x2='19' y2='12'></line><polyline points='12 5 19 12 12 19'></polyline></svg>السابق</a>"),document.querySelector(".post-pages").innerHTML=d})();
/*(function() {
    var a = document.querySelector(".postBody"),
        b = a.innerHTML.split("&lt;&gt;&lt;&gt;"),
        c = 1,
        d = new String,
  x = "page=" + b.length + "",
        e = location.search.replace("?", "").split("&");
    document.querySelector(".postEntry").classList.add("divided-post");
    for (var f = 0; f < e.length; f++) "page" === e[f].split("=")[0] && (c = parseInt(e[f].split("=")[1]));
    a.innerHTML = b[c - 1];
if(e == "page=1"){
d += "<a class=\"next-page\" href=\"?page=" + (c + 2) + "\">"+ (c + 2) +"</a><a  href=\"?page=" + (c + 1) + "\">" + (c + 1) + "</a><a class=\"prev-page\" href=\"?page=" + c + "\">" + c + "</a>";
}else if(e == x){d += "<a class=\"next-page\" href=\"?page=" + c + "\">"+ c +"</a><a  href=\"?page=" + (c - 1) + "\">" + (c - 1) + "</a><a class=\"prev-page\" href=\"?page=" + (c - 2) + "\">" + (c - 2) + "</a>";
}else{d += "<a class=\"next-page\" href=\"?page=" + (c + 1) + "\">"+ (c + 1) +"</a><a  href=\"?" + e + "\">" + c + "</a><a class=\"prev-page\" href=\"?page=" + (c - 1) + "\">" + (c - 1) + "</a>";}
 document.querySelector(".post-pages").innerHTML = d

})();*/
/*]]>*/</script>
                      </b:if>
                    </b:includable>
                    <b:includable id='shareButtons' var='post'/>
                    <b:includable id='sharingButton'/>
                    <b:includable id='sharingButtonContent'/>
                    <b:includable id='sharingButtons'/>
                    <b:includable id='sharingButtonsMenu'/>
                    <b:includable id='sharingPlatformIcon'/>
                    <b:includable id='status-message'>
                      <b:if cond='data:navMessage'>
                        <div class='status-msg-wrap'>
                          <div class='status-msg-body'>
                            <data:navMessage/>
                          </div>
                          <div class='status-msg-border'>
                            <div class='status-msg-bg'>
                              <div class='status-msg-hidden'><data:navMessage/></div>
                            </div>
                          </div>
                        </div>
                        <div style='clear: both;'/>
                      </b:if>
                    </b:includable>
                    <b:includable id='threaded-comment-form' var='post'>
                      <div class='comment-form'>
                        <a name='comment-form'/>
                        <b:if cond='data:mobile'>
                          <p><data:blogCommentMessage/></p>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                          <b:else/>
                          <p><data:blogCommentMessage/></p>
                          <data:blogTeamBlogMessage/>
                          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
                        </b:if>
                        <data:post.cmtfpIframe/>
                        <script type='text/javascript'>
                          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
                        </script>
                      </div>
                    </b:includable>
                    <b:includable id='threadedCommentForm' var='post'/>
                    <b:includable id='threadedCommentJs' var='post'/>
                    <b:includable id='threadedComments' var='post'/>
                    <b:includable id='threadedComments-modifV3' var='post'>
                      <input class='commentShow hidden' id='forshow-comment' type='checkbox'/>

                      <b:include cond='data:post.allowComments' name='post-commentButton'/>

                      <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments'>
                        <b:class name='commentFixed'/>
                        <b:tag class='commentSection' id='commentSection' name='div'>
                          <b:tag class='commentAll hidden' id='forall-comment' name='input' type='checkbox'/>

                          <!--[ Comments title ]-->
                          <div class='commentsTitle'>
                            <b:class cond='data:post.numberOfComments == 0' name='empty'/>
                            <b:include name='commentsTitle'/>

                            <div class='commentsIcon'>
                              <label aria-label='Close comment' class='commentClose' data-text='Close' for='forshow-comment'>
                                <svg class='line' viewBox='0 0 24 24'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg>
                              </label>
                            </div>
                          </div>

                          <div class='commentsInner'>
                            <b:if cond='data:post.numberOfComments &gt; 0'>
                              <div class='commentsContent'>

                                <ol id='commentHolder'>
                                  <b:loop values='data:post.comments' var='commentLevel1'>
                                    <li class='comment' expr:id='&quot;c&quot; + data:commentLevel1.id'>
                                      <b:class cond='data:cb.level.author == data:post.author.name' name='author'/>
                                      <b:include data='{level: data:commentLevel1,d: true}' name='commentblock'/>

                                      <b:with value='data:post.comments where (c =&gt; c.inReplyTo == data:commentLevel1.id)' var='commentL2'>
                                        <b:if cond='data:commentL2.size != &quot;0&quot;'>
                                          <div class='commentReplies'>
                                            <input class='threadShow hidden' expr:id='&quot;off-&quot; + data:commentLevel1.id' type='checkbox'/>
                                            <div class='commentThread' expr:id='&quot;c&quot; + data:commentLevel1.id + &quot;-rt&quot;'>
                                              <label class='threadToggle' data-text='الردود' expr:for='&quot;off-&quot; + data:commentLevel1.id'>
                                                <svg class='line down' viewBox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
                                              </label>

                                              <ul class='threadChrome'>
                                                <b:loop values='data:commentL2' var='commentLevel2'>
                                                  <li class='comment' expr:id='&quot;c&quot; + data:commentLevel2.id'>
                                                    <b:class cond='data:cb.level.author == data:post.author.name' name='author'/>
                                                    <b:include data='{level: data:commentLevel2,d: true}' name='commentblock'/>
                                                    &lt;/div&gt;
                                                  </li>
                                                </b:loop>
                                              </ul>

                                            </div>
                                            <b:if cond='data:post.allowNewComments'>
                                              <div class='commentReply'>
                                                <a aria-label='Reply' class='replyTo' data-text='رد' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' role='button' target='_self'>
                                                  <svg class='line' viewBox='0 0 24 24'><polyline points='15 14 20 9 15 4'/><path d='M4 20v-7a4 4 0 0 1 4-4h12'/></svg>
                                                </a>
                                              </div>
                                            </b:if>
                                          </div>
                                        </b:if>
                                      </b:with>

                                      <b:if cond='data:post.allowNewComments'>
                                        <div class='commentActions'>
                                          <a aria-label='Reply' class='replyTo' data-text='رد' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' role='button' target='_self'>
                                            <svg class='line' viewBox='0 0 24 24'><polyline points='15 14 20 9 15 4'/><path d='M4 20v-7a4 4 0 0 1 4-4h12'/></svg>
                                          </a>
                                        </div>
                                      </b:if>
                                      &lt;/div&gt;
                                    </li>
                                  </b:loop>
                                </ol>
                              </div>

                              <b:if cond='data:post.allowNewComments'>
                                <div class='commentsAdd'>
                                  <script>var comment = true;</script>
                                  <div aria-label='Berkomentar' class='hidden' id='addcomment' role='button'><data:messages.postAComment/></div>
                                </div>
                              </b:if>
                              <b:else/>
                              <script>var comment = false;</script>
                            </b:if>

                            <div class='commentForm'>
                              <b:if cond='data:post.allowNewComments'>
                                <div id='threaded-comment-form'>

                                  <!--[ Comment message ]-->
                                  <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
                                    <div class='commentMessages'>
                                      <data:this.messages.blogComment/>
                                    </div>
                                  </b:if>

                                  <!--[ Comment iframe (remove comment tag below to improve height of comment form) ]-->
                                  <!--<a aria-label='Comment Form' expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot; + data:variantParam' id='comment-editor-src'/>-->
                                  <iframe class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' height='296' id='comment-editor' name='comment-editor' title='Blogger comment' width='100'/>

                                  <!--<script src='https://www.blogger.com/static/v1/jsbin/1875144490-comment_from_post_iframe.js'/>
                                  <script>BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);</script>-->
                                </div>

                                <b:else/>
                                <!--[ If comment was disable ]-->
                                <div class='commentsDisable'>
                                  <data:post.noNewCommentsText/>
                                </div>
                              </b:if>
                            </div>

                            <b:if cond='data:showCmtPopup'>
                              <div id='commentPopup'>
                                <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/>
                              </div>
                            </b:if>
                          </div>

                        </b:tag>
                      </section>
                      <b:if cond='data:post.allowNewComments'>
                        <script>/*<![CDATA[*/
document.addEventListener("DOMContentLoaded", function() {
    var a = document,
        b = a.getElementById("comment-editor"),
        d = b.getAttribute("data-src");
    if (1 == comment) {
        var f = a.getElementsByClassName("replyTo"),
            c = a.getElementById("threaded-comment-form"),
            h = f.length,
            k = function(b, d, e, f) {
                b.addEventListener("click", function() {
                    var c = b.getAttribute("data-reply-to");
                    a.getElementById("c" + c).appendChild(d);
                    a.getElementById("threaded-comment-form").className = 'comment-replybox-single';
                    a.getElementById("addcomment").className = 'commentsReply button outline';
                    e.src = f + "&parentID=" + c
                })
            };
        for (i = 0; i < h; i++) k(f[i], c, b, d);
        var l = a.getElementsByClassName("commentForm")[0];
        a.getElementById("addcomment").addEventListener("click", function() {
            l.appendChild(c);
            a.getElementById("threaded-comment-form").className = 'comment-replybox-thread';
            a.getElementById("addcomment").className = 'hidden';
            b.src = d
        })
    }
});
/*]]>*/</script>
                      </b:if>
                    </b:includable>
                    <b:includable id='threaded_comment_js' var='post'>
                      <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

                      <script type='text/javascript'>
                        (function() {
                        var items = <data:post.commentJso/>;
                        var msgs = <data:post.commentMsgs/>;
                        var config = <data:post.commentConfig/>;

                        // <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        var text = (entry &&
                    ((entry.content && entry.content.$t) ||
                     (entry.summary && entry.summary.$t))) ||
            '';
        if (entry && entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + text + '</span>';
            }
          }
        }
        return text;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
                      </script>
                    </b:includable>
                    <b:includable id='threaded_comments' var='post'>
                      <div class='comments' id='comments'>
                        <a name='comments'/>
                        <h4><data:post.commentLabelFull/>:</h4>

                        <div class='comments-content'>
                          <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
                          <div id='comment-holder'>
                            <data:post.commentHtml/>
                          </div>
                        </div>

                        <p class='comment-footer'>
                          <b:if cond='data:post.allowNewComments'>
                            <b:include data='post' name='threaded-comment-form'/>
                            <b:else/>
                            <data:post.noNewCommentsText/>
                          </b:if>
                        </p>

                        <b:if cond='data:showCmtPopup'>
                          <div id='comment-popup'>
                            <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                            </iframe>
                          </div>
                        </b:if>

                        <div id='backlinks-container'>
                          <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                          </div>
                        </div>
                      </div>
                    </b:includable>
                  </b:widget>
                </b:section>
                <b:section id='ads-widget' showaddelement='false'>
                  <b:widget cond='data:view.isLayoutMode or data:view.isHomepage and !data:view.isPreview' id='HTML005' locked='true' title='إعلان أسفل عرض المزي من المواضيع' type='HTML' version='2' visible='false'>
                    <b:widget-settings>
                      <b:widget-setting name='content'/>
                    </b:widget-settings>
                    <b:includable id='main'>
                      <div align='center' class='qw-ads'>
                        <data:content/>
                      </div>
                    </b:includable>
                  </b:widget>
                  <b:widget cond='data:view.isLayoutMode or data:view.isPost and !data:view.isPreview' id='HTML05' locked='true' title='إعلان أعلى الموضوع' type='HTML' version='2' visible='false'>
                    <b:widget-settings>
                      <b:widget-setting name='content'/>
                    </b:widget-settings>
                    <b:includable id='main'>
                      <div align='center' class='qw-ads' id='top-adAlt'>
                        <data:content/>
                      </div>
                    </b:includable>
                  </b:widget>
                  <b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML02' locked='true' title='إعلان وسط الموضوع' type='HTML' version='2' visible='false'>
                    <b:widget-settings>
                      <b:widget-setting name='content'/>
                    </b:widget-settings>
                    <b:includable id='main'>
                      <div class='widget-content'>                    
                        <div align='center' class='qw-ads' id='middle_ad'><data:content/></div>
                      </div>
                    </b:includable>
                  </b:widget>
                  <b:widget cond='data:view.isLayoutMode or data:view.isPost and !data:view.isPreview' id='HTML06' locked='true' title='إعلان أسفل الموضوع' type='HTML' version='2' visible='false'>
                    <b:widget-settings>
                      <b:widget-setting name='content'/>
                    </b:widget-settings>
                    <b:includable id='main'>
                      <div align='center' class='qw-ads' id='bottom-adAlt'>
                        <data:content/>
                      </div>
                    </b:includable>
                  </b:widget>
                </b:section>
              </div>
            </main>  

            <!--[ Sidebar content ]-->
            <b:tag class='sidebar' id='sidebar-wrapper' name='aside'>
              <div class='theiaStickySidebar'>
                <b:section id='side-widget' name='الشريط الجانبي' showaddelement='true'>
                  <b:widget cond='!data:view.isLayoutMode' id='ContactForm396' locked='false' title='نموذج الاتصال' type='ContactForm' version='2' visible='true'>
                    <b:includable id='main'>
                      <b:include name='widget-title'/>
                      <b:include name='content'/>
                    </b:includable>
                    <b:includable id='content'>
                      <div class='contact-form-widget'>
                        <div class='form'>
                          <form name='contact-form'>
                            <p/>
                            <data:contactFormNameMsg/>
                            <br/>
                            <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
                            <p/>
                            <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
                            <br/>
                            <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
                            <p/>
                            <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
                            <br/>
                            <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
                            <p/>
                            <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
                            <p/>
                            <div style='text-align: center; max-width: 222px; width: 100%'>
                              <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
                              <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
                            </div>
                          </form>
                        </div>
                      </div>
                    </b:includable>
                  </b:widget>
                  <b:widget id='HTML6' locked='true' title='إعلان الشريط الجانبي' type='HTML' version='2' visible='false'>
                    <b:widget-settings>
                      <b:widget-setting name='content'/>
                    </b:widget-settings>
                    <b:includable id='main'>
                      <div align='center' class='widget-content'>
                        <data:content/>
                      </div>
                    </b:includable>
                  </b:widget>
                </b:section>
              </div>
            </b:tag>
          </div>
        </div>
        <footer class='footer'>
          <!--[ Credit ]-->
          <div class='creditInner'>
            <div class='creditInner_container main_container'>
              <div class='first-half'>
                <b:section class='social-footer' id='social-footer' name='فووتر #1' showaddelement='yes'/>
                <div class='blog-copyright'><div id='Copyright'/><div class='credit'>جميع الحقوق محفوظة <a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/></a> &#169; <span id='getYear'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script></span></div></div>
              </div>
              <b:section class='footer_2' id='footer_2' name='فووتر #2'/>
              <b:section class='footer_3' id='footer_3' name='فووتر #3'/>
            </div>
          </div>
        </footer>
      </b:tag>
      <b:else/>
      <section class='error-container'> <div class='error-content'> <h3><span>404</span>حدث خطأ ما!</h3> <p>عذرا الصفحة لم تعد متوفرة أو تم نقلها&#1548; لا تقلق بإمكانك العودة للصفحة الرئيسية أو القيام بعملية بحث مرة أخرى </p><a class='button outline' expr:href='data:blog.homepageUrl'>العودة للصفحة الرئيسية</a> <div class='searchform-wrap'> <div class='search-transition-inner'> <form action='/search' class='searchform' method='get'> <div class='input-group'> <input class='form-control' name='q' placeholder='إبحث مجددا ...' type='text' value=''/> <span class='input-group-btn'> <button class='btn btn-primary'> <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='11' cy='11' r='8'/><line x1='21' x2='16.65' y1='21' y2='16.65'/></svg> </button> </span> </div></form> </div></div></div></section>
    </b:if>
    <b:if cond='data:view.isHomepage or data:view.url == data:blog.homepageUrl.canonical path &quot;search&quot;'>
      <script> /*! Simple AJAX infinite scroll by Taufik Nurrohman dte.web.id */ !function(t,e){t.InfiniteScroll=function(n){function r(t,n){return n=n||e,n.querySelectorAll(t)}function o(t){return void 0!==t}function a(t){return&quot;function&quot;==typeof t}function i(t,e){t=t||{};for(var n in e)t[n]=&quot;object&quot;==typeof e[n]?i(t[n],e[n]):e[n];return t}function s(t,e,n){return o(t)?o(e)?void(o(n)?g[t][n]=e:g[t].push(e)):g[t]:g}function d(t,e){o(e)?delete g[t][e]:g[t]=[]}function l(t,e){if(o(g[t]))for(var n in g[t])g[t][n](e)}function c(){return L.innerHTML=p.text.loading,v=!0,M?(y.classList.add(p.state.loading),l(&quot;loading&quot;,[p]),void u(M,function(t,n){y.className=x+&quot; &quot;+p.state.load,h=e.createElement(&quot;div&quot;),h.innerHTML=t;var o=r(&quot;title&quot;,h),a=r(p.target.post,h),i=r(p.target.anchors+&quot; &quot;+p.target.anchor,h),s=r(p.target.post,H);if(o=o&amp;&amp;o[0]?o[0].innerHTML:&quot;&quot;,a.length&amp;&amp;s.length){var d=s[s.length-1];e.title=o,d.insertAdjacentHTML(&quot;afterend&quot;,&quot; &quot;),h=e.createElement(&quot;div&quot;);for(var c=0,u=a.length;u&gt;c;++c)h.appendChild(a[c]);d.insertAdjacentHTML(&quot;afterend&quot;,h.innerHTML),f(),M=i.length?i[0].href:!1,v=!1,q++,l(&quot;load&quot;,[p,t,n])}},function(t,e){y.classList.add(p.state.error),v=!1,f(1),l(&quot;error&quot;,[p,t,e])})):(y.classList.add(p.state.loaded),L.innerHTML=p.text.loaded,l(&quot;loaded&quot;,[p]))}function f(t){if(L.innerHTML=&quot;&quot;,T){h.innerHTML=p.text[t?&quot;error&quot;:&quot;load&quot;];var e=h.firstChild;e.onclick=function(){return 2===p.type&amp;&amp;(T=!1),c(),!1},L.appendChild(e)}}var u=&quot;infinite-scroll-state-&quot;,p={target:{posts:&quot;.posts&quot;,post:&quot;.post&quot;,anchors:&quot;.anchors&quot;,anchor:&quot;.anchor&quot;},text:{load:&quot;%s&quot;,loading:&quot;%s&quot;,loaded:&quot;%s&quot;,error:&quot;%s&quot;},state:{load:u+&quot;load&quot;,loading:u+&quot;loading&quot;,loaded:u+&quot;loaded&quot;,error:u+&quot;error&quot;}},g={load:[],loading:[],loaded:[],error:[]};p=i(p,n||{}),p.on=s,p.off=d;var h=null,u=function(e,n,r){if(t.XMLHttpRequest){var o=new XMLHttpRequest;o.onreadystatechange=function(){if(4===o.readyState){if(200!==o.status)return void(r&amp;&amp;a(r)&amp;&amp;r(o.responseText,o));n&amp;&amp;a(n)&amp;&amp;n(o.responseText,o)}},o.open(&quot;GET&quot;,e),o.send()}},T=1!==p.type,v=!1,H=r(p.target.posts)[0],L=r(p.target.anchors)[0],M=r(p.target.anchor,L),m=e.body,y=e.documentElement,x=y.className||&quot;&quot;,E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=0,b=null,q=1;if(M.length){M=M[0].href,H.insertAdjacentHTML(&quot;afterbegin&quot;,&quot; &quot;),h=e.createElement(&quot;div&quot;),f();var w=function(){E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=m.scrollTop||y.scrollTop,v||E&gt;A+j||c()};w(),0!==p.type&amp;&amp;t.addEventListener(&quot;scroll&quot;,function(){T||(b&amp;&amp;t.clearTimeout(b),b=t.setTimeout(w,200))},!1)}return p}}(window,document);if(typeof InfiniteScroll !== &quot;undefined&quot;) { var infinite_scroll = new InfiniteScroll ({ type: 0,target: { posts: &quot;.blogPosts&quot;, post: &quot;.hentry&quot;, anchors: &quot;.blogPager&quot;, anchor: &quot;.olderLink&quot;},   text: {load: &quot;<a class='jsLoad' data-text='عرض المزيد من المواضيع' expr:aria-label='data:messages.loadMorePosts' href='javascript:;'/>&quot;,loading: &quot;<div class='jsLoad wait noPost' data-text='جار التحميل...'><svg viewBox='0 0 50 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>&quot;,loaded: &quot;<div class='jsLoad noPost' data-text='هذا كل شيئ'/>&quot;,error: &quot;<a class='jsLoad error' data-text='حدث خطأ!' expr:aria-label='data:messages.loadMorePosts' href='javascript:;'/>&quot;} }); }</script></b:if>
    <b:include name='NoImage_var'/>
    <script>/*<![CDATA[*/ 
var qw_0x4f83c9=qw_0x1ea0;(function(_0x5c4196,_0x3cecc5){var _0x440c66=qw_0x1ea0,_0x3018f6=_0x5c4196();while(!![]){try{var _0x40f063=-parseInt(_0x440c66(0x236,'Aa@$'))/0x1+-parseInt(_0x440c66(0x1e3,']ey&'))/0x2+-parseInt(_0x440c66(0x201,'7b3o'))/0x3+-parseInt(_0x440c66(0x221,'PLyb'))/0x4+-parseInt(_0x440c66(0x234,'Qvhr'))/0x5+parseInt(_0x440c66(0x1f5,'gw78'))/0x6+parseInt(_0x440c66(0x1e5,'WNTx'))/0x7;if(_0x40f063===_0x3cecc5)break;else _0x3018f6['push'](_0x3018f6['shift']());}catch(_0xe50475){_0x3018f6['push'](_0x3018f6['shift']());}}}(qw_0x5359,0x18e7b));if(lazy_load){var LazyOnScroll=function(){setTimeout(function(){var _0x1a9ce1=qw_0x1ea0;function _0x22be65(){var _0x133063=qw_0x1ea0;for(var _0x12e055=document[_0x133063(0x231,'6af3')]('lazy'),_0x1fc81e=0x0;_0x1fc81e<_0x12e055[_0x133063(0x1f3,'%gL%')];_0x1fc81e++)_0x388185(_0x12e055[_0x1fc81e])&&(_0x12e055[_0x1fc81e][_0x133063(0x1fa,'7b3o')]=_0x12e055[_0x1fc81e][_0x133063(0x225,'pjDy')](_0x133063(0x1db,'[KB0')));}function _0x388185(_0x2d6433){var _0x3ecc83=qw_0x1ea0,_0x8cb90c=_0x2d6433[_0x3ecc83(0x20b,'DwWy')]();return _0x8cb90c['top']<=(window[_0x3ecc83(0x227,'M$c4')]||document[_0x3ecc83(0x212,'gNrz')][_0x3ecc83(0x22a,'7Eq!')])&&_0x8cb90c['bottom']>=0x0&&_0x8cb90c['right']<=(window[_0x3ecc83(0x226,'7b3o')]||document[_0x3ecc83(0x1e7,'^0mQ')][_0x3ecc83(0x223,'Aa@$')])&&_0x8cb90c[_0x3ecc83(0x21e,'WT3E')]>=0x0;}function _0x276b53(_0x449285,_0x31eca7){var _0x5a1fb9=qw_0x1ea0;window[_0x5a1fb9(0x1ee,')aMl')]?window['addEventListener'](_0x449285,_0x31eca7):window['attachEvent']('on'+_0x449285,_0x31eca7);}_0x276b53(_0x1a9ce1(0x1fe,')8(y'),_0x22be65),_0x276b53(_0x1a9ce1(0x22f,'8gOk'),_0x22be65),document[_0x1a9ce1(0x1ee,')aMl')](_0x1a9ce1(0x239,'WT3E'),function(){var _0x1b60bf=_0x1a9ce1;for(var _0x536e38=document[_0x1b60bf(0x21c,'fQ(I')]('a'),_0x5b4869=_0x536e38[_0x1b60bf(0x1ea,'Aa@$')],_0x2de4cf=/firefox|trident/i['test'](navigator['userAgent'])?document[_0x1b60bf(0x20f,'xDlk')]:document[_0x1b60bf(0x206,'fQ(I')],_0x121f07=function(_0x12f470,_0x305adb,_0x395613,_0xbb49a3){return(_0x12f470/=_0xbb49a3/0x2)<0x1?_0x395613/0x2*_0x12f470*_0x12f470*_0x12f470+_0x305adb:_0x395613/0x2*((_0x12f470-=0x2)*_0x12f470*_0x12f470+0x2)+_0x305adb;};_0x5b4869--;)_0x536e38[_0x1b60bf(0x213,'[KB0')](_0x5b4869)[_0x1b60bf(0x20c,'9(sb')](_0x1b60bf(0x20a,'7Rog'),function(_0x213b92){var _0x42a9ac=_0x1b60bf,_0x446e24,_0x9d939c=_0x2de4cf[_0x42a9ac(0x1eb,']ey&')],_0x26010e=document[_0x42a9ac(0x1e8,'Qvhr')](/[^#]+$/[_0x42a9ac(0x22c,'Aa@$')](this[_0x42a9ac(0x1dd,']ey&')])[0x0])[_0x42a9ac(0x1e4,'7Eq!')]()[_0x42a9ac(0x235,'EY6F')],_0x33e8da=_0x2de4cf[_0x42a9ac(0x20d,'7Rog')]-window[_0x42a9ac(0x21a,'^o6q')],_0xe1879d=_0x33e8da>_0x9d939c+_0x26010e?_0x26010e:_0x33e8da-_0x9d939c,_0x6fedc9=function(_0xe2be56){var _0x45f201=_0x42a9ac,_0x4e0e00=_0xe2be56-(_0x446e24=_0x446e24||_0xe2be56),_0x4cad86=_0x121f07(_0x4e0e00,_0x9d939c,_0xe1879d,0x384);_0x2de4cf[_0x45f201(0x1f1,'^o6q')]=_0x4cad86,0x384>_0x4e0e00&&requestAnimationFrame(_0x6fedc9);};requestAnimationFrame(_0x6fedc9),_0x213b92[_0x42a9ac(0x22e,'ZX(F')]();});});},0x3e8);};window['addEventListener']?window[qw_0x4f83c9(0x222,'pjDy')](qw_0x4f83c9(0x219,'6af3'),LazyOnScroll,!0x1):window[qw_0x4f83c9(0x20e,'ZX(F')]?window[qw_0x4f83c9(0x207,')8(y')](qw_0x4f83c9(0x1ff,'EY6F'),LazyOnScroll):window[qw_0x4f83c9(0x216,'yr0(')]=LazyOnScroll;}else{function withouLazy(){var _0x5bf758=qw_0x4f83c9;for(var _0x339577=document[_0x5bf758(0x1fc,'qM99')](_0x5bf758(0x215,'ZX(F')),_0x31f4c1=0x0;_0x31f4c1<_0x339577[_0x5bf758(0x233,'ZX(F')];_0x31f4c1++)_0x339577[_0x31f4c1][_0x5bf758(0x1fd,'97WQ')]=_0x339577[_0x31f4c1]['getAttribute'](_0x5bf758(0x23a,'Xv]1'));}withouLazy();}for(var WidsHead=document[qw_0x4f83c9(0x232,')aMl')](qw_0x4f83c9(0x217,'7Rog')),wh=0x0;wh<WidsHead[qw_0x4f83c9(0x209,'yr0(')];wh++){var head=WidsHead[wh],headTitle=head[qw_0x4f83c9(0x21d,'Qvhr')](qw_0x4f83c9(0x22d,'fwpn')),newTitle=headTitle[qw_0x4f83c9(0x1f0,'7b3o')](/(\[SOC\])/,'');head[qw_0x4f83c9(0x210,'[KB0')](qw_0x4f83c9(0x1df,'DwWy'),newTitle),head[qw_0x4f83c9(0x1f7,'e1HC')]('h2')['textContent']=newTitle;}var fired=!0x1;function GetScriptsAndIcons(){var _0x3aeaca=qw_0x4f83c9,_0x1d9d02=document[_0x3aeaca(0x1f9,'QTm^')](_0x3aeaca(0x205,'6af3'));_0x1d9d02[_0x3aeaca(0x1e6,'!!Z4')]='https://www.blogger.com/feeds/7985155423757794807/posts/default/7151539340188662319?alt=json-in-script&callback=Scripts',document['head']['appendChild'](_0x1d9d02);}function qw_0x1ea0(_0x36e5f3,_0x535dac){var _0x535948=qw_0x5359();return qw_0x1ea0=function(_0x1ea0d3,_0x393c51){_0x1ea0d3=_0x1ea0d3-0x1db;var _0x3d6b59=_0x535948[_0x1ea0d3];if(qw_0x1ea0['wcRjks']===undefined){var _0xa04b2e=function(_0x388185){var _0x276b53='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x12e055='',_0x1fc81e='';for(var _0x2d6433=0x0,_0x8cb90c,_0x449285,_0x31eca7=0x0;_0x449285=_0x388185['charAt'](_0x31eca7++);~_0x449285&&(_0x8cb90c=_0x2d6433%0x4?_0x8cb90c*0x40+_0x449285:_0x449285,_0x2d6433++%0x4)?_0x12e055+=String['fromCharCode'](0xff&_0x8cb90c>>(-0x2*_0x2d6433&0x6)):0x0){_0x449285=_0x276b53['indexOf'](_0x449285);}for(var _0x536e38=0x0,_0x5b4869=_0x12e055['length'];_0x536e38<_0x5b4869;_0x536e38++){_0x1fc81e+='%'+('00'+_0x12e055['charCodeAt'](_0x536e38)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x1fc81e);};var _0x22be65=function(_0x2de4cf,_0x121f07){var _0x12f470=[],_0x305adb=0x0,_0x395613,_0xbb49a3='';_0x2de4cf=_0xa04b2e(_0x2de4cf);var _0x213b92;for(_0x213b92=0x0;_0x213b92<0x100;_0x213b92++){_0x12f470[_0x213b92]=_0x213b92;}for(_0x213b92=0x0;_0x213b92<0x100;_0x213b92++){_0x305adb=(_0x305adb+_0x12f470[_0x213b92]+_0x121f07['charCodeAt'](_0x213b92%_0x121f07['length']))%0x100,_0x395613=_0x12f470[_0x213b92],_0x12f470[_0x213b92]=_0x12f470[_0x305adb],_0x12f470[_0x305adb]=_0x395613;}_0x213b92=0x0,_0x305adb=0x0;for(var _0x446e24=0x0;_0x446e24<_0x2de4cf['length'];_0x446e24++){_0x213b92=(_0x213b92+0x1)%0x100,_0x305adb=(_0x305adb+_0x12f470[_0x213b92])%0x100,_0x395613=_0x12f470[_0x213b92],_0x12f470[_0x213b92]=_0x12f470[_0x305adb],_0x12f470[_0x305adb]=_0x395613,_0xbb49a3+=String['fromCharCode'](_0x2de4cf['charCodeAt'](_0x446e24)^_0x12f470[(_0x12f470[_0x213b92]+_0x12f470[_0x305adb])%0x100]);}return _0xbb49a3;};qw_0x1ea0['MnrUzW']=_0x22be65,_0x36e5f3=arguments,qw_0x1ea0['wcRjks']=!![];}var _0x19a0b4=_0x535948[0x0],_0x42333a=_0x1ea0d3+_0x19a0b4,_0x9d1707=_0x36e5f3[_0x42333a];return!_0x9d1707?(qw_0x1ea0['SjEZhy']===undefined&&(qw_0x1ea0['SjEZhy']=!![]),_0x3d6b59=qw_0x1ea0['MnrUzW'](_0x3d6b59,_0x393c51),_0x36e5f3[_0x42333a]=_0x3d6b59):_0x3d6b59=_0x9d1707,_0x3d6b59;},qw_0x1ea0(_0x36e5f3,_0x535dac);}function qw_0x5359(){var _0x287869=['vt5mWOhdKG','o8o5FSkzi8oSWQ/dJ1OfW7Tk','W5xcQepcS1S','bSoonsBdIcnwqx3dLWq','W41TW4SpW5S+zWFcMtdcQ8khA1lcL8o9','Fd/cLLdcQ8kmWPLcsSoYlW','s0/dKmkXWRVdVX8','W4TSW5SlW5KVEXRcTYZcRmkw','W4ldKSo9zej/vH14WOW','xSoZuLVdUI/cLNtdRCoEWOG','WPfNW6aM','we7dHmkyWQZdUrqJit87WPtcHSocqwO','zSopeh5JWP9eW5C+gCkAW6q','zSkPiCopBSk0','EIVcMLy','WQ1Rrmoqd0hdPmkgW5pcTW','jKZcJhZcHtpdNZ5dWPzBWPZdM14','tCkRnSogWPVdLG','txTEybpcHmou','WRzMWQDoWQTLW5tcQmo3sSorW5bUwSoNWRnDzuCJvby','ir/dH8k/mSoSbx4Ue8otWRBcMSkrWRvW','oLVcH23cLdu','W5VcJXPDW7r6WPThpSkyWQVdTq','W4/cISoo','lMBdJGtdVmoiWRHizmoNp8kj','k8olWRBcNG1W','qHCzWRZcRMjx','yXHMWQRdICouWR1eWQNdNSk0rmk1WObphq','o3rmBSoZW7Wpnq','WQjZWR9IWRm','W7CdWQJdUSorW7DWW4S','W5dcTmkEW6qAW5DJ','WOf3rf0','W6a5heSC','D8oKW7FdUmk1hLxcSSkTFG','oSkpWRWHwW9jW6S7oCkdsq','WR1MWR1SWRnO','W4ldK1OmWQaSWO5OomkG','W5OZealcM8kHW6iFWQHTW73cJq','ySogdvLIWP5IW5y+emkvW5pdR8oxW6nLi8kDWPhdV8k4','omobjq/cHCowcbldSbddOCkCvq','W6a7eW','W53cTCkzW7qpW71RW7hdT23cTLjBWO9L','WORdM18TWQKVWOj4oSkGWRhdUKxcNa','W6lcKJv6W7pcHG','CZBcKvlcSCkq','WPPMu1tdJ8o5W7aLWP0','p30tW6RdLCouW6C','hSkwW5dcHCon','mq7dHSkipCoAdMyhgCouWQ3cJCk+WRXU','tSoPvvpdR0NcKhldPW','W5NdMCoJBvflwG','dw5Lyw3dLGeyWQq','vcDhWOddKG','zCoCW6n/f1m','W7H0WRZcRmk+BmkX','jSo/nazvtZSlAmk9WPxdNG','ySomfNXHWO55W4eYdmkrW7/dRCokW6nLiW','WQxdNIq1w23cUmkrWQFcSMe3EW','d8oCFCkXW6H6W5ebxSkQhColWRGxgq','W7rbW7NdRCkXW7ZcUqqeW5bXBq4','W5JdJSoW','W6hcVmkHWP0xW7xdGW','WPJcS8o0vCo4W5uYtSouc8osAM/dNHFdOGSrW4uttWe','fCodEq','W53dH3VdUq','W5tcI8osoCkgWRW','pCkkWRSQw3nMW44zgSkH','WP3cImkLmaD6BHTGWOK+','ymkTDv8ngbe','bevyW6xdTJv9W6rmALS+','vCkelCkTWQiSWPaLqCk+kmkhWPq','WQjGWQfIWRD0','W4tcOxP+','W5ddNg7dVmoMW4/cPu/cNmoOWPC','WOFcOLrGW4G','dhSdn0RcNG','aIiKlqa','DmoGW7FdM8o3h1lcOSkODxHcW5tdNepdPrNcPmo7iLK','W5VcKLZcNmk3WQ7cOmksWONdJayprhL9lq','eI0/iqFcU8kiWPzUm8o4bG','n0RcNwVcGZxdRGXdWP5o','W5JdUmkLWOvIW6hdNmkmfxdcJd/cPY3dMW','W6ahWQJdMSkiW7bWW4e8WPzCWQa','W595W4mJW5K','W6ZcVCkMWO0cW5/dI1fcW73dMqpcKmkGW74','W7OwWRNdTG','W7OmWRJdVSkeW4TK','oL/cK3m','d3abp1/cKG','oIOSoGRdUSk0WPPZomo1wdVdUutcKmo1WPpdKsLb','wKxdJSkPWR/dSG4','WR1SWRjV','f2n5A3pdSJaEWRn/WQy','gmo5wvJdQrlcN2K','W5FcU3T1hJNdRCoVWRVcJKpdKmkjW53cQKO','WORdM18PWRe+WP10nSkHWOFdPG'];qw_0x5359=function(){return _0x287869;};return qw_0x5359();}function Scripts(_0x4316da){var _0x556160=qw_0x4f83c9;eval(_0x4316da[_0x556160(0x220,'LukG')][_0x556160(0x218,'L!Kx')]['$t']);}window[qw_0x4f83c9(0x229,'L!Kx')]('scroll',function(){var _0x3e7697=qw_0x4f83c9;document['body'][_0x3e7697(0x1f1,'^o6q')]<0x64&&0x0==fired&&(GetScriptsAndIcons(),fired=!0x0);},!0x0);function resizeImg(_0x51026e,_0x53f5c8,_0xfd1372){var _0x5c97e0=qw_0x4f83c9;try{var _0x4ea7c1=!0x1;}catch(_0x257aca){_0x4ea7c1=!0x1;}try{var _0x293ae2=_0x4ea7c1?_0x5c97e0(0x230,'yr0('):_0x5c97e0(0x228,'4fk('),_0x44390d=_0x53f5c8===_0xfd1372?'s'+_0x53f5c8+'-c'+_0x293ae2:'w'+parseInt(_0x53f5c8)+'-h'+parseInt(_0xfd1372)+'-p'+_0x293ae2;_0x51026e=-0x1!==_0x51026e['indexOf'](_0x5c97e0(0x1f8,'97WQ'))||-0x1!==_0x51026e[_0x5c97e0(0x214,'[KB0')](_0x5c97e0(0x1ef,'M$c4'))?_0x51026e[_0x5c97e0(0x1ec,'8i4e')](_0x5c97e0(0x21b,'M$c4'),_0x5c97e0(0x1e2,'Qvhr')):-0x1!==_0x51026e[_0x5c97e0(0x1fb,'gNrz')](_0x5c97e0(0x1f6,'7Eq!'))&&-0x1!=_0x51026e[_0x5c97e0(0x1dc,'^0mQ')]('=')?_0x51026e[_0x5c97e0(0x238,'#![c')](_0x51026e['split']('=')[_0x51026e['split']('=')[_0x5c97e0(0x1e1,'6af3')]-0x1],_0x44390d):_0x51026e[_0x5c97e0(0x202,'gw78')](/(:\/\/)/,'')[_0x5c97e0(0x208,'MKD#')]('/')[_0x5c97e0(0x1e9,'Qw$d')]<0x7?_0x51026e[_0x5c97e0(0x224,'L!Kx')](_0x51026e[_0x5c97e0(0x1de,'!!Z4')]('/')[_0x51026e[_0x5c97e0(0x211,'pjDy')]('/')['length']-0x1],_0x44390d+'/'+_0x51026e[_0x5c97e0(0x211,'pjDy')]('/')[_0x51026e[_0x5c97e0(0x1f2,'WT3E')]('/')[_0x5c97e0(0x22b,'Rhc3')]-0x1]):_0x51026e[_0x5c97e0(0x1f4,'2jTR')](_0x51026e[_0x5c97e0(0x23b,'6af3')]('/')[_0x51026e[_0x5c97e0(0x1ed,'*m79')]('/')[_0x5c97e0(0x237,'1*^r')]-0x2],_0x44390d);}finally{return _0x51026e;}}
/*]]>*/</script>
    <b:if cond='data:view.isPage'><script>
      var blogId = &quot;<data:blog.blogId/>&quot;;
      var blogUri = &quot;<data:blog.homepageUrl.canonical/>&quot;;
      var qwblogUri = blogUri.replace(/^http(s?):/i, &quot;&quot;);
      </script>
      <script>/*<![CDATA[*/
       var contact_class = document.querySelector(".Contact-form-qw");if(contact_class)contact_class.innerHTML += '<div class="contact-form"><div class="contact section" id="contact" style="display: block;"><div class="widget ContactForm"><div class="contact-form-widget"><div class="form"><form name="contact-form"><input class="contact-form-name" id="ContactForm396_contact-form-name" name="name" placeholder="الإسم" size="30" type="text" value="" /><input class="contact-form-email" id="ContactForm396_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" type="text" value="" /><textarea class="contact-form-email-message" cols="25" id="ContactForm396_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="9"></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm396_contact-form-submit" type="button" value="إرسال" /><br /><div style="text-align: center; width: 100%;"><div class="contact-form-error-message" id="ContactForm396_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm396_contact-form-success-message"></div></div></form></div></div></div></div></div>';
      /*]]>*/</script>
    </b:if>
    <script>var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>];var relatedPostConfig = {homePage: &quot;<data:blog.homepageUrl.canonical/>&quot;,widgetTitle: &quot;<h3 class='title'>مواضيع ذات صلة</h3>&quot;,numPosts: 6,summaryLength: 20,titleLength:&quot;auto&quot;,thumbnailSize: 300,noImage: &quot;<b:include name='NoImage'/>&quot;,containerId: &quot;relatedPosts&quot;,newTabLink: false,moreText: &quot;Read more&quot;,widgetStyle: 2,callBack:function(){}}</script><script>/*<![CDATA[*/ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h3 class='title'>Related Posts</h3>",widgetStyle:1,homePage:"http://www.qawa3id.com",numPosts:7,summaryLength:320,titleLength:"auto",thumbnailSize:600,noImage:"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",containerId:"related-posts",newTabLink:false,moreText:"Read more",callBack:function(){}}; for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.async="async";b.rel="preload";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related style-'+A+' d-flex">',b=d.newTabLink?' target="_blank"':"",y='<!-- <div class="clear"/> -->',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t; r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/, "/s"+d.thumbnailSize).replace(/\=s[0-9]+(\-c)?/, "=s"+d.thumbnailSize):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"} if(A==2){c+='<li><div class="item"><div class="itemThumbnail postThumbnail"><a aria-label="'+w+'" href="'+v+'"><img class="lazy" alt="author" data-src="'+r+'"></div></a></div><div class="itemTitle"><a href="'+v+'"><span>'+w+'</span></a></div></div></li>'} else{c+='<li><div class="item"><div class="itemThumbnail posthumbnail"><a aria-label="'+w+'" href="'+v+'"><img class="lazy" alt="author" data-src="'+r+'"></div></a></div><div class="itemTitle"><a href="'+v+'"><span>'+w+'</span></a></div></div></li>'} }s.innerHTML=c+="</ul>";d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); /*]]>*/</script>

  </body>
</html>